From e9f9912dea42734d239889aa081ea7588a225bbe Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Tue, 26 Nov 2019 21:41:14 +0100
Subject: [PATCH] Explore: Adjust the max-width of the tooltip (#20675)

---
 packages/grafana-ui/src/components/Chart/TooltipContainer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Chart/TooltipContainer.tsx b/packages/grafana-ui/src/components/Chart/TooltipContainer.tsx
index 80209c20317..1452d47ed4c 100644
--- a/packages/grafana-ui/src/components/Chart/TooltipContainer.tsx
+++ b/packages/grafana-ui/src/components/Chart/TooltipContainer.tsx
@@ -18,8 +18,8 @@ const getTooltipContainerStyles = stylesFactory((theme: GrafanaTheme) => {
     wrapper: css`
       overflow: hidden;
       background: ${bgColor};
-      /* 30% is an arbitrary choice. We can be more clever about calculating tooltip\'s width */
-      max-width: 30%;
+      /* max-width is set up based on .grafana-tooltip class that's used in dashboard */
+      max-width: 800px;
       padding: ${theme.spacing.sm};
       border-radius: ${theme.border.radius.sm};
     `,