diff --git a/style/web/components/breadcrumb/_index.less b/style/web/components/breadcrumb/_index.less
index c2c034347a..b0b2e44445 100644
--- a/style/web/components/breadcrumb/_index.less
+++ b/style/web/components/breadcrumb/_index.less
@@ -192,6 +192,7 @@
       max-width: @breadcrumb-inner-max-width-default;
       display: flex;
       align-items: center;
+      transition: color @anim-duration-base linear;
 
       &-text {
         .t-overflow;
@@ -199,7 +200,6 @@
 
       &:hover {
         color: @breadcrumb-text-color-hover;
-        transition: color @anim-duration-base linear;
         cursor: pointer;
       }