fix: MenuDivider thickness should be strokeWidthThin (#25711)

* fix: MenuDivider thickness should be `strokeWidthThin` Updates the border style of `MenuDivider` to use `strokeWidthThin` design token * changefile
microsoft · Nov 22, 2022 · 6f036a8 · 6f036a8
1 parent f64a675
commit 6f036a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json b/change/@fluentui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: MenuDivider thickness should be `strokeWidthThin`",
+  "packageName": "@fluentui/react-menu",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.ts b/packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.ts
@@ -11,7 +11,7 @@ const useStyles = makeStyles({
   root: {
     ...shorthands.margin('4px', '-5px', '4px', '-5px'),
     width: 'auto',
-    ...shorthands.borderBottom('1px', 'solid', tokens.colorNeutralStroke2),
+    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),
   },
 });