diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 6a9fa764ce..364a5eb8c8 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -325,7 +325,7 @@
         right: 0;
         top: 0;
         bottom: 0;
-        border-right: 3px solid @menu-highlight-color;
+        border-right: @menu-item-active-border-width solid @menu-highlight-color;
         transform: scaleY(.0001);
         opacity: 0;
         transition: transform .15s @ease-out, opacity .15s @ease-out;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 51095ffbc5..66a7126ff0 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -324,6 +324,7 @@
 @menu-item-color: @text-color;
 @menu-highlight-color: @primary-color;
 @menu-item-active-bg: @item-active-bg;
+@menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
 // dark theme
 @menu-dark-color: @text-color-secondary-dark;