diff --git a/src/material-experimental/mdc-helpers/_focus-indicators.scss b/src/material-experimental/mdc-helpers/_focus-indicators.scss index 52a0eb2d172d..6a71a5c40ec8 100644 --- a/src/material-experimental/mdc-helpers/_focus-indicators.scss +++ b/src/material-experimental/mdc-helpers/_focus-indicators.scss @@ -73,9 +73,12 @@ .mat-mdc-slide-toggle-focused .mat-mdc-focus-indicator::before, .mat-mdc-radio-button.cdk-focused .mat-mdc-focus-indicator::before, - // For buttons, render the focus indicator when the parent button is focused. + // For buttons, render the focus indicator when the parent button is focused. .mat-mdc-button-base:focus .mat-mdc-focus-indicator::before, + // For options, render the focus indicator when the class .mat-mdc-option-active is present. + .mat-mdc-focus-indicator.mat-mdc-option-active::before, + // For all other components, render the focus indicator on focus. .mat-mdc-focus-indicator:focus::before { content: '';