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: '';
     }
   }