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 00000000000000..2bd1f1ec4319df
--- /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 95638ff68148df..183f5caf60b5ab 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};