fix: make icons inherit font size

fix mui#11493
jedwards1211 · May 19, 2018 · fddcec3 · fddcec3
1 parent 5f222be
commit fddcec3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/material-ui/src/Icon/Icon.js b/packages/material-ui/src/Icon/Icon.js
@@ -7,7 +7,7 @@ import { capitalize } from '../utils/helpers';
 export const styles = theme => ({
   root: {
     userSelect: 'none',
-    fontSize: 24,
+    fontSize: 'inherit',
     width: '1em',
     height: '1em',
     // Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541

diff --git a/packages/material-ui/src/SvgIcon/SvgIcon.js b/packages/material-ui/src/SvgIcon/SvgIcon.js
@@ -7,7 +7,8 @@ import { capitalize } from '../utils/helpers';
 export const styles = theme => ({
   root: {
     userSelect: 'none',
-    fontSize: 24,
+    fontSize: 'inherit',
+    verticalAlign: 'middle',
     width: '1em',
     height: '1em',
     display: 'inline-block',