From 5e7c4c51fee940add5b17e6695a955b3ab62ca0a Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Fri, 11 Oct 2019 08:47:45 +0100
Subject: [PATCH] Fix toolbars positionning in IE11

---
 packages/components/src/toolbar/style.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/toolbar/style.scss b/packages/components/src/toolbar/style.scss
index 1356b9d83d4af..f073721663d00 100644
--- a/packages/components/src/toolbar/style.scss
+++ b/packages/components/src/toolbar/style.scss
@@ -2,7 +2,15 @@
 	margin: 0;
 	border: $border-width solid $light-gray-500;
 	background-color: $white;
-	display: flex;
+
+	// Required for IE11.
+	display: inline-flex;
+
+	// IE11 doesn't read rules inside this query. They are applied only to modern browsers.
+	@supports (position: sticky) {
+		display: flex;
+	}
+
 	flex-shrink: 0;
 }