fix: Add more css specificity to center text in full width button dro…

…pdown main action (#3164)
cloudscape-design · Jan 2, 2025 · 5fd71dd · 5fd71dd
1 parent 938e31b
commit 5fd71dd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/src/button-dropdown/internal.tsx b/src/button-dropdown/internal.tsx
@@ -222,6 +222,7 @@ const InternalButtonDropdown = React.forwardRef(
           ref={mainActionRef}
           {...mainActionProps}
           {...mainActionIconProps}
+          fullWidth={canBeFullWidth}
           className={clsx(
             styles['trigger-button'],
             hasNoText && styles['has-no-text'],

diff --git a/src/button-dropdown/styles.scss b/src/button-dropdown/styles.scss
@@ -120,7 +120,6 @@ $dropdown-trigger-icon-offset: 2px;
 
 .main-action-full-width {
   flex: 1 1 0;
-  text-align: center;
 }
 
 .main-action-trigger-full-width {