fix(list): Fix font size + placement for avatar graphic (#1562)

An upcoming fix from upstream.

reference: material-components/material-components-web@5abe685

Author: trimox

packages/material-components-web/scss/list/_mixins.scss

@@ -89,5 +89,4 @@
 
   width: $size;
   height: $size;
-  font-size: $size; // To support icon font
 }

packages/material-components-web/scss/list/mdc-list.scss

@@ -90,13 +90,19 @@
 .mdc-list-item__graphic {
   @include mdc-list-graphic-size_(24px);
 
-  display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
   fill: currentColor;
 }
 
+// Extra specificity is to override .material-icons display style if used in conjunction with mdc-list-item__graphic
+// stylelint-disable plugin/selector-bem-pattern
+.mdc-list .mdc-list-item__graphic {
+  display: inline-flex;
+}
+// stylelint-enable plugin/selector-bem-pattern
+
 .mdc-list-item__meta {
   @include mdc-rtl-reflexive-property(margin, auto, 0, ".mdc-list-item");
 }