diff --git a/src/material/core/option/option.scss b/src/material/core/option/option.scss index 36b1614dffa2..18ef14e69fe6 100644 --- a/src/material/core/option/option.scss +++ b/src/material/core/option/option.scss @@ -42,14 +42,13 @@ $_side-padding: 16px; } &.mdc-list-item--selected:not(.mdc-list-item--disabled) { - .mdc-list-item__primary-text { - @include token-utils.create-token-slot(color, selected-state-label-text-color); - } - - // We don't change the background in multiple mode since + // We don't change the background & text color in multiple mode since // it has the checkbox to show the selected state. &:not(.mat-mdc-option-multiple) { @include token-utils.create-token-slot(background-color, selected-state-layer-color); + .mdc-list-item__primary-text { + @include token-utils.create-token-slot(color, selected-state-label-text-color); + } } }