[PR feedback] euiTextTruncate

elastic · Sep 22, 2022 · feb1bb6 · feb1bb6
1 parent 3175424
commit feb1bb6
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/badge/beta_badge/beta_badge.styles.ts b/src/components/badge/beta_badge/beta_badge.styles.ts
@@ -11,6 +11,7 @@ import {
   logicalCSS,
   euiFocusRing,
   euiFontSizeFromScale,
+  euiTextTruncate,
   mathWithUnits,
 } from '../../../global_styling';
 import { UseEuiTheme, tint } from '../../../services';
@@ -34,9 +35,7 @@ export const euiBetaBadgeStyles = (euiThemeContext: UseEuiTheme) => {
       text-transform: uppercase;
       letter-spacing: 0.05em;
       text-align: center;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
+      ${euiTextTruncate()}
 
       &:focus {
         ${euiFocusRing(euiThemeContext, 'outset', {