From bc104bae7c4e1bbcbedb085e6079432f06865cbf Mon Sep 17 00:00:00 2001
From: Abhinay Omkar <abhiomkar@google.com>
Date: Thu, 15 Apr 2021 12:38:44 -0700
Subject: [PATCH] fix(button): Fixed button's icon size scaling on browser zoom

PiperOrigin-RevId: 368696463
---
 packages/mdc-button/_button-base.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/mdc-button/_button-base.scss b/packages/mdc-button/_button-base.scss
index 23e37a36a2f..b377eb7332a 100644
--- 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 {