diff --git a/packages/core/styles/components/breadcrumb.pcss b/packages/core/styles/components/breadcrumb.pcss
index b515d9e3..f5cdcc65 100644
--- a/packages/core/styles/components/breadcrumb.pcss
+++ b/packages/core/styles/components/breadcrumb.pcss
@@ -46,17 +46,11 @@
     }
 
     &--active {
-      & .breadcrumbs__link {
+      & ^^&__link {
         background: var(--ifm-breadcrumb-item-background-active);
         color: var(--ifm-breadcrumb-color-active);
       }
     }
-
-    &:not(.breadcrumbs__item--active):hover {
-      & .breadcrumbs__link {
-        background: var(--ifm-breadcrumb-item-background-active);
-      }
-    }
   }
 
   &__link {
@@ -75,6 +69,7 @@
     @mixin transition background color;
 
     &:hover {
+      background: var(--ifm-breadcrumb-item-background-active);
       text-decoration: none;
     }
   }