diff --git a/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json b/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json
new file mode 100644
index 0000000000000..63c7ec0171211
--- /dev/null
+++ b/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Using correct colors when MenuItem is pressed.",
+  "packageName": "@fluentui/react-menu",
+  "email": "Humberto.Morimoto@microsoft.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 b8d14d82ccf0e..7cf366da07b93 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
@@ -49,6 +49,11 @@ const useRootBaseStyles = makeResetStyles({
     },
   },
 
+  ':hover:active': {
+    backgroundColor: tokens.colorNeutralBackground1Pressed,
+    color: tokens.colorNeutralForeground2Pressed,
+  },
+
   userSelect: 'none',
   ...createFocusOutlineStyle(),
 });