diff --git a/packages/theme-chalk/src/icon.scss b/packages/theme-chalk/src/icon.scss
index f3d2372bab..4f1f054332 100644
--- a/packages/theme-chalk/src/icon.scss
+++ b/packages/theme-chalk/src/icon.scss
@@ -25,7 +25,6 @@
 
 @include b(icon) {
   --color: inherit;
-  --font-size: #{map.get($font-size, 'base')};
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -34,7 +33,7 @@
   position: relative;
   fill: currentColor;
   color: var(--color);
-  font-size: var(--font-size);
+  font-size: inherit;
 
   @include when(loading) {
     animation: rotating 2s linear infinite;