fix(material-experimental/mdc-button): don't apply styles to icons

within the text label
angular · Jun 2, 2022 · 6e81aea · 6e81aea
1 parent 35d230b
commit 6e81aea
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/material-experimental/mdc-button/button.scss b/src/material-experimental/mdc-button/button.scss
@@ -69,7 +69,7 @@
 // However, Angular Material expects a `mat-icon` instead. The following
 // mixins will style the icons appropriately.
 .mat-mdc-button {
-  .mat-icon {
+  & > .mat-icon {
     @include mdc-button-base.icon();
   }
   .mdc-button__label + .mat-icon {
@@ -81,7 +81,7 @@
 .mat-mdc-raised-button,
 .mat-mdc-outlined-button {
   // Icons inside contained buttons have different styles due to increased button padding
-  .mat-icon {
+  & > .mat-icon {
     @include mdc-button-base.icon();
     @include mdc-button-base.icon-contained();
   }