diff --git a/change/@fluentui-react-menu-aef37040-8637-4913-8689-7e7ffd018b46.json b/change/@fluentui-react-menu-aef37040-8637-4913-8689-7e7ffd018b46.json
new file mode 100644
index 00000000000000..a3241e263cad71
--- /dev/null
+++ b/change/@fluentui-react-menu-aef37040-8637-4913-8689-7e7ffd018b46.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: MenuItem content should be spaced 12px from the boundary",
+  "packageName": "@fluentui/react-menu",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts
index b71cd92e2eb330..45bb3f5b5f619c 100644
--- a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts
+++ b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts
@@ -24,8 +24,8 @@ const useStyles = makeStyles({
     position: 'relative',
     color: tokens.colorNeutralForeground2,
     backgroundColor: tokens.colorNeutralBackground1,
-    paddingRight: '10px',
-    paddingLeft: '10px',
+    paddingRight: '6px',
+    paddingLeft: '6px',
     height: '32px',
     display: 'flex',
     alignItems: 'center',