From 6f036a808e0d09e6395abe1f6d3046d1f7d2c28d Mon Sep 17 00:00:00 2001
From: ling1726 <lingfangao@hotmail.com>
Date: Tue, 22 Nov 2022 11:53:34 +0100
Subject: [PATCH] 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
---
 ...ui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json | 7 +++++++
 .../src/components/MenuDivider/useMenuDividerStyles.ts     | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json

diff --git a/change/@fluentui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json b/change/@fluentui-react-menu-13a26a1d-d2f6-4a55-9113-a1a7996739d1.json
new file mode 100644
index 00000000000000..c653cf12453664
--- /dev/null
+++ 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": "lingfangao@hotmail.com",
+  "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
index 72fa2dd35c3aea..9e41408b42a8ca 100644
--- 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),
   },
 });