diff --git a/src/components/base/breadcrumb/breadcrumb.scss b/src/components/base/breadcrumb/breadcrumb.scss
index baddfe1e8ceac1b87be6b28d066643e34e25324d..ffd1a3f2f987db6a15c15beb27c8efe6cfc88303 100755
--- a/src/components/base/breadcrumb/breadcrumb.scss
+++ b/src/components/base/breadcrumb/breadcrumb.scss
@@ -28,12 +28,24 @@ $breadcrumb-max-width: $grid-size * 16;
   }
 
   > a {
+    @include gl-display-inline-block;
+    border-radius: $gl-border-radius-base;
     color: var(--gl-text-color-subtle);
+    text-decoration-thickness: auto;
+    text-decoration-style: solid;
+    text-decoration-color: transparent;
+    @include gl-prefers-reduced-motion-transition;
+    transition: box-shadow $gl-transition-duration-medium $gl-easing-out-cubic,
+                text-decoration-color $gl-transition-duration-medium $gl-easing-out-cubic;
+
+    &:hover {
+      text-decoration-color: currentColor;
+    }
 
     &:active,
     &:focus,
     &:focus:active {
-      @include gl-focus($outline: true);
+      @include gl-focus;
     }
   }
 }