From cfd0cc90fb22c5d24d9646b7eb325c7a41bd6c68 Mon Sep 17 00:00:00 2001
From: Kham Udom <37851220+khamudom@users.noreply.github.com>
Date: Fri, 20 Nov 2020 12:33:39 -0800
Subject: [PATCH] fix: add high contrast forced-color-adjust in styles for
 menu-item component (#16009)

* add forced color adjust to host selector

* Change files
---
 ...020-11-19-14-21-59-users-khamu-menu-item-hover-hc.json | 8 ++++++++
 packages/web-components/src/menu-item/menu-item.styles.ts | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-web-components-2020-11-19-14-21-59-users-khamu-menu-item-hover-hc.json

diff --git a/change/@fluentui-web-components-2020-11-19-14-21-59-users-khamu-menu-item-hover-hc.json b/change/@fluentui-web-components-2020-11-19-14-21-59-users-khamu-menu-item-hover-hc.json
new file mode 100644
index 0000000000000..2bd1f1ec4319d
--- /dev/null
+++ b/change/@fluentui-web-components-2020-11-19-14-21-59-users-khamu-menu-item-hover-hc.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "add forced color adjust to host selector",
+  "packageName": "@fluentui/web-components",
+  "email": "khamu@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-11-19T22:21:59.223Z"
+}
diff --git a/packages/web-components/src/menu-item/menu-item.styles.ts b/packages/web-components/src/menu-item/menu-item.styles.ts
index 95638ff68148d..183f5caf60b5a 100644
--- a/packages/web-components/src/menu-item/menu-item.styles.ts
+++ b/packages/web-components/src/menu-item/menu-item.styles.ts
@@ -67,7 +67,7 @@ export const MenuItemStyles = css`
     .end,
     ::slotted(svg) {
         ${
-          /* Glyph size and margin-left is temporary - 
+          /* Glyph size and margin-left is temporary -
             replace when adaptive typography is figured out */ ''
         } width: 16px;
         height: 16px;
@@ -90,6 +90,7 @@ export const MenuItemStyles = css`
   forcedColorsStylesheetBehavior(
     css`
             :host {
+                forced-color-adjust: none;
                 border-color: transparent;
                 color: ${SystemColors.ButtonText};
                 fill: ${SystemColors.ButtonText};