fix

Author: adolgachev

src/material/core/option/option.scss

@@ -6,7 +6,6 @@
 @use '../style/layout-common';
 
 $fallbacks: m3-option.get-tokens();
-$list-fallbacks: m3-list.get-tokens();
 
 $_side-padding: 16px;
 
@@ -41,11 +40,6 @@ $_side-padding: 16px;
     outline: 0;
   }
 
-  &.mat-mdc-option-active.mdc-list-item::before {
-    background-color: token-utils.slot(list-list-item-focus-state-layer-color, $list-fallbacks);
-    opacity: token-utils.slot(list-list-item-focus-state-layer-opacity, $list-fallbacks);
-  }
-
   &.mdc-list-item--selected:not(.mdc-list-item--disabled) {
     // We don't change the background & text color in multiple mode since
     // it has the checkbox to show the selected state.
@@ -55,6 +49,12 @@ $_side-padding: 16px;
         color: token-utils.slot(option-selected-state-label-text-color, $fallbacks);
       }
     }
+
+    &:focus.mdc-list-item,
+    &:hover.mdc-list-item,
+    &.mat-mdc-option-active.mdc-list-item {
+      background-color: token-utils.slot(option-focus-state-layer-color, $fallbacks);
+    }
   }
 
   .mat-pseudo-checkbox {