[EuiButtonDisplay] Fix missing text-align CSS (#8057)

elastic · Oct 8, 2024 · 96b19ff · 96b19ff
1 parent d29a949
commit 96b19ff
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/eui/src/components/button/button_display/_button_display.styles.ts b/packages/eui/src/components/button/button_display/_button_display.styles.ts
@@ -11,7 +11,7 @@ import {
   euiFontSize,
   logicalCSS,
   logicalShorthandCSS,
-  logicalTextAlignStyle,
+  logicalTextAlignCSS,
 } from '../../../global_styling';
 import { euiButtonSizeMap } from '../../../themes/amsterdam/global_styling/mixins';
 import { EuiButtonDisplaySizes } from './_button_display';
@@ -23,7 +23,7 @@ export const euiButtonBaseCSS = () => {
     display: inline-block;
     appearance: none;
     cursor: pointer;
-    ${logicalTextAlignStyle('center')};
+    ${logicalTextAlignCSS('center')};
     white-space: nowrap;
     ${logicalCSS('max-width', '100%')};
     vertical-align: middle;