fix: hovered menubutton icon does not disappear (#32917)

microsoft · Sep 26, 2024 · 6d209c7 · 6d209c7
1 parent eb31371
commit 6d209c7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-button-87b1b58c-f4f5-4341-b7e9-348961287b4b.json 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/...t-components/react-button/library/src/components/MenuButton/useMenuButtonStyles.styles.ts b/...t-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',
       },
     },
   },