fix(react): Left-aligning menu items in Pivot's overflow menu (#3…

…3325) Co-authored-by: Humberto Makoto Morimoto Burgos <makotom@microsoft.com>
microsoft · Nov 22, 2024 · b1d0ddd · b1d0ddd
1 parent 999db8c
commit b1d0ddd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/change/@fluentui-react-61cfae8a-355e-4814-bf2d-073d07f4d67e.json b/change/@fluentui-react-61cfae8a-355e-4814-bf2d-073d07f4d67e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Left-aligning menu items in Pivot's overflow menu.",
+  "packageName": "@fluentui/react",
+  "email": "makotom@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/Pivot/Pivot.styles.ts b/packages/react/src/components/Pivot/Pivot.styles.ts
@@ -224,10 +224,10 @@ export const getStyles = (props: IPivotStyleProps): IPivotStyles => {
       classNames.linkInMenu,
       ...getLinkStyles(props, classNames, true),
       {
-        textAlign: 'left',
-        width: '100%',
+        justifyContent: 'start',
         height: 36,
         lineHeight: 36,
+        width: '100%',
       },
     ],
     linkIsSelected: [