fix(stepper): vertical step header labels not centered on IE (#13262)

Fixes the step header circle labels not being completely centered in IE, because the step header only uses `max-height`.
angular · Sep 25, 2018 · 40fb5cb · 40fb5cb
1 parent 96e670f
commit 40fb5cb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lib/stepper/stepper.scss b/src/lib/stepper/stepper.scss
@@ -107,7 +107,9 @@ $mat-stepper-line-gap: 8px !default;
   display: flex;
   align-items: center;
   padding: $mat-stepper-side-gap;
-  max-height: $mat-stepper-label-header-height;
+
+  // We can't use `max-height` here, because it breaks the flexbox centering in IE.
+  height: $mat-stepper-label-header-height;
 
   .mat-step-icon {
     margin-right: $mat-vertical-stepper-content-margin - $mat-stepper-side-gap;