From 054f908f2decfe6756ea375be93e09df42a64825 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=A4ggmark?= <hugo.haggmark@grafana.com>
Date: Wed, 7 Aug 2019 11:42:57 +0200
Subject: [PATCH] Explore: Fixes Legend overflow in splitted view (#18396)

* Fix: Fixes Legend overflow in Explore splitted view

* Chore: Removes overflow-x because of accessibility POV and uses pre-wrap instead
---
 packages/grafana-ui/src/components/Graph/GraphLegendItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Graph/GraphLegendItem.tsx b/packages/grafana-ui/src/components/Graph/GraphLegendItem.tsx
index 37371fe0664..7b6d8ad0ecf 100644
--- a/packages/grafana-ui/src/components/Graph/GraphLegendItem.tsx
+++ b/packages/grafana-ui/src/components/Graph/GraphLegendItem.tsx
@@ -44,7 +44,7 @@ export const GraphLegendListItem: React.FunctionComponent<GraphLegendItemProps>
         }}
         className={css`
           cursor: pointer;
-          white-space: nowrap;
+          white-space: pre-wrap;
           color: ${!item.isVisible && theme.colors.linkDisabled};
         `}
       >