diff --git a/packages/charts/src/chart_types/metric/renderer/dom/_text.scss b/packages/charts/src/chart_types/metric/renderer/dom/_text.scss
index b88bee0c57..3704f7870f 100644
--- a/packages/charts/src/chart_types/metric/renderer/dom/_text.scss
+++ b/packages/charts/src/chart_types/metric/renderer/dom/_text.scss
@@ -1,12 +1,3 @@
-@mixin lineClamp($maxLines) {
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: $maxLines; /* number of lines to show */
-  line-clamp: $maxLines;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
 .echMetricText {
   position: relative;
   padding: 8px;
diff --git a/packages/charts/src/components/_mixins.scss b/packages/charts/src/components/_mixins.scss
index 45e72730e2..0487afead7 100644
--- a/packages/charts/src/components/_mixins.scss
+++ b/packages/charts/src/components/_mixins.scss
@@ -7,3 +7,12 @@
   overflow: hidden;
   min-width: 1px;
 }
+
+@mixin lineClamp($maxLines) {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: $maxLines; /* number of lines to show */
+  line-clamp: $maxLines;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/packages/charts/src/components/tooltip/components/_tooltip.scss b/packages/charts/src/components/tooltip/components/_tooltip.scss
index 6ac9e2fb6c..e4bc67eca1 100644
--- a/packages/charts/src/components/tooltip/components/_tooltip.scss
+++ b/packages/charts/src/components/tooltip/components/_tooltip.scss
@@ -56,7 +56,7 @@ $transitionTime: 200ms;
   }
 
   .echTooltip__tableCell--truncate {
-    @include euiTextTruncate;
+    @include lineClamp(2);
   }
 
   &__metricRow {
diff --git a/packages/charts/src/components/tooltip/placement.ts b/packages/charts/src/components/tooltip/placement.ts
index 296ddc340a..67279d2247 100644
--- a/packages/charts/src/components/tooltip/placement.ts
+++ b/packages/charts/src/components/tooltip/placement.ts
@@ -25,7 +25,7 @@ export function getStylesFromPlacement(
     case 'top-end':
     case 'bottom-end':
       return {
-        width: maxWidth,
+        maxWidth,
         justifyContent: 'flex-end',
       };
     case 'right':
@@ -34,13 +34,13 @@ export function getStylesFromPlacement(
     case 'top-start':
     case 'bottom-start':
       return {
-        width: maxWidth,
+        maxWidth,
         justifyContent: 'flex-start',
       };
     case 'top':
     case 'bottom':
       return {
-        width: maxWidth,
+        maxWidth,
         justifyContent: 'center',
       };
     case 'auto':
@@ -48,7 +48,7 @@ export function getStylesFromPlacement(
     case 'auto-end':
     default:
       return {
-        width: maxWidth,
+        maxWidth,
       };
   }
 }
diff --git a/packages/charts/src/utils/themes/dark_theme.ts b/packages/charts/src/utils/themes/dark_theme.ts
index 3dfb1cd5fb..11d9bed965 100644
--- a/packages/charts/src/utils/themes/dark_theme.ts
+++ b/packages/charts/src/utils/themes/dark_theme.ts
@@ -415,7 +415,7 @@ export const DARK_THEME: Theme = {
     minHeight: 64,
   },
   tooltip: {
-    maxWidth: 260,
+    maxWidth: 500,
     maxTableHeight: 120,
     defaultDotColor: Colors.White.keyword,
   },
diff --git a/packages/charts/src/utils/themes/light_theme.ts b/packages/charts/src/utils/themes/light_theme.ts
index 4e88e8b8d5..b832c9f084 100644
--- a/packages/charts/src/utils/themes/light_theme.ts
+++ b/packages/charts/src/utils/themes/light_theme.ts
@@ -414,7 +414,7 @@ export const LIGHT_THEME: Theme = {
     minHeight: 64,
   },
   tooltip: {
-    maxWidth: 260,
+    maxWidth: 500,
     maxTableHeight: 120,
     defaultDotColor: Colors.Black.keyword,
   },