From 5fd71dd804f5a34bd21b7eaf547ff693a080e433 Mon Sep 17 00:00:00 2001
From: Abdallah AlHalees <alhalee@amazon.de>
Date: Thu, 2 Jan 2025 15:01:38 +0100
Subject: [PATCH] fix: Add more css specificity to center text in full width
 button dropdown main action (#3164)

---
 src/button-dropdown/internal.tsx | 1 +
 src/button-dropdown/styles.scss  | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/button-dropdown/internal.tsx b/src/button-dropdown/internal.tsx
index b6d60932a2..9772fcb7b2 100644
--- 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
index b2798e818f..828a703c3a 100644
--- 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 {