From d7924aa7507bdc4ca3b514bfedd470f333512931 Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Mon, 10 Oct 2022 10:27:29 +0300
Subject: [PATCH] [XY] Fixes the detailed tooltip wrap problem (#142818)

* [XY] Fixes the detailed tooltip wrap problem

* Add max width to the label container

* Apply PR comments
---
 .../expression_xy/public/components/tooltip/tooltip.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/plugins/chart_expressions/expression_xy/public/components/tooltip/tooltip.scss b/src/plugins/chart_expressions/expression_xy/public/components/tooltip/tooltip.scss
index 0fa98d5e5db829..1e705724fbedc1 100644
--- a/src/plugins/chart_expressions/expression_xy/public/components/tooltip/tooltip.scss
+++ b/src/plugins/chart_expressions/expression_xy/public/components/tooltip/tooltip.scss
@@ -6,12 +6,14 @@
   padding: $euiSizeS;
 
   table {
+    table-layout: fixed;
+    width: 100%;
+
     td,
     th {
       text-align: left;
       padding: $euiSizeXS;
       overflow-wrap: break-word;
-      word-wrap: break-word;
     }
   }
 }
@@ -22,10 +24,13 @@
   }
 }
 
+.detailedTooltip__labelContainer {
+  max-width: $euiSizeXL * 5;
+}
+
 .detailedTooltip__labelContainer,
 .detailedTooltip__valueContainer {
   overflow-wrap: break-word;
-  word-wrap: break-word;
 }
 
 .detailedTooltip__label {