From 40fb5cbe49f6dff25854e87157282f831b403280 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 25 Sep 2018 16:07:54 +0200
Subject: [PATCH] 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`.
---
 src/lib/stepper/stepper.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/stepper/stepper.scss b/src/lib/stepper/stepper.scss
index 1c469570ae7..a91a241de12 100644
--- 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;