fix(material-experimental/mdc-form-field): incorrect alignment with b…

…order-box alignment (#24222)
angular · Jan 24, 2022 · b3c9579 · b3c9579
1 parent 0436aa6
commit b3c9579
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-form-field/form-field.scss b/src/material-experimental/mdc-form-field/form-field.scss
@@ -87,6 +87,9 @@
 .mat-mdc-form-field-icon-suffix {
   & > .mat-icon {
     padding: 12px;
+    // It's common for apps to apply `box-sizing: border-box`
+    // globally which will break the alignment.
+    box-sizing: content-box;
   }
 }