From 0d7fcef97dbc854bbab2b47db7c4832b1ef80d97 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Tue, 9 Jun 2020 17:02:14 -0400
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20Update=20breadcrumbs=20?=
 =?UTF-8?q?separator=20margin=20and=20hover=20state?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../styles/rose/components/nav/_breadcrumbs.scss     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/addons/rose/addon/styles/rose/components/nav/_breadcrumbs.scss b/addons/rose/addon/styles/rose/components/nav/_breadcrumbs.scss
index 7264673fd..c07156279 100644
--- a/addons/rose/addon/styles/rose/components/nav/_breadcrumbs.scss
+++ b/addons/rose/addon/styles/rose/components/nav/_breadcrumbs.scss
@@ -3,6 +3,8 @@
 
 .rose-nav-breadcrumbs {
   @include type.type(s, normal);
+  display: flex;
+  flex-wrap: wrap;
 
   .rose-nav-breadcrumbs-link {
     --color: var(--ui-gray);
@@ -12,14 +14,18 @@
 
     &:hover {
       --color: var(--action);
+
+      &::after {
+        color: var(--ui-gray);
+      }
     }
 
-    &:after {
+    &::after {
       content: '\002F'; // "/"
-      margin-left: sizing.rems(xs);
+      margin: 0 sizing.rems(xs);
     }
 
-    &:last-child:after {
+    &:last-child::after {
       content: '';
     }
   }