fix(button): Fixed button's icon size scaling on browser zoom

PiperOrigin-RevId: 368696463
material-components · Apr 15, 2021 · bc104ba · bc104ba
1 parent 3793a31
commit bc104ba
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/mdc-button/_button-base.scss b/packages/mdc-button/_button-base.scss
@@ -164,11 +164,13 @@
 @mixin icon {
   @include rtl.reflexive-box(margin, right, 8px);
 
+  $icon-size: typography.px-to-rem(18px);
+
   display: inline-block;
-  width: 18px;
-  height: 18px;
-  font-size: 18px;
+  font-size: $icon-size;
+  height: $icon-size;
   vertical-align: top;
+  width: $icon-size;
 }
 
 @mixin icon-trailing {