diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts index 4184fdd6..39127afe 100644 --- a/src/components/menu-item/menu-item.styles.ts +++ b/src/components/menu-item/menu-item.styles.ts @@ -60,8 +60,7 @@ export default css` outline: none; } - :host(:hover:not([aria-disabled='true'])) .menu-item, - :host(:focus-visible:not(.sl-focus-invisible):not([aria-disabled='true'])) .menu-item { + :host(:hover:not([aria-disabled='true'])) .menu-item { outline: none; background-color: var(--sl-color-primary-600); color: var(--sl-color-neutral-0); @@ -83,8 +82,7 @@ export default css` } @media (forced-colors: active) { - :host(:hover:not([aria-disabled='true'])) .menu-item, - :host(:focus-visible:not(.sl-focus-invisible):not([aria-disabled='true'])) .menu-item { + :host(:hover:not([aria-disabled='true'])) .menu-item { outline: dashed 1px SelectedItem; outline-offset: -1px; }