diff --git a/change/@fluentui-react-button-87b1b58c-f4f5-4341-b7e9-348961287b4b.json b/change/@fluentui-react-button-87b1b58c-f4f5-4341-b7e9-348961287b4b.json
new file mode 100644
index 0000000000000..dac4cb09f1a8d
--- /dev/null
+++ b/change/@fluentui-react-button-87b1b58c-f4f5-4341-b7e9-348961287b4b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: hovered menubutton icon does not disappear",
+  "packageName": "@fluentui/react-button",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-button/library/src/components/MenuButton/useMenuButtonStyles.styles.ts b/packages/react-components/react-button/library/src/components/MenuButton/useMenuButtonStyles.styles.ts
index 1d8953f87ec41..635476a2407ec 100644
--- a/packages/react-components/react-button/library/src/components/MenuButton/useMenuButtonStyles.styles.ts
+++ b/packages/react-components/react-button/library/src/components/MenuButton/useMenuButtonStyles.styles.ts
@@ -66,7 +66,7 @@ const useIconExpandedStyles = makeStyles({
     // High contrast styles
     '@media (forced-colors: active)': {
       ':hover': {
-        color: 'Canvas',
+        color: 'Highlight',
       },
     },
   },