From cda9278f495af4ccc1f025c25eed1b18d64428b7 Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Tue, 29 Sep 2020 20:32:27 +0200
Subject: [PATCH] Suppress flexbox side effects in breadcrumb (#31700)

* Suppress flexbox side effects

* Trailing whitesapce

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---
 scss/_breadcrumb.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index db8e741936..b30668b5dd 100644
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -10,14 +10,12 @@
 }
 
 .breadcrumb-item {
-  display: flex;
-
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item {
     padding-left: $breadcrumb-item-padding-x;
 
     &::before {
-      display: inline-block; // Suppress underlining of the separator
+      float: left; // Suppress inline spacings and underlining of the separator
       padding-right: $breadcrumb-item-padding-x;
       color: $breadcrumb-divider-color;
       content: escape-svg($breadcrumb-divider);