diff --git a/components/menu/style/theme.tsx b/components/menu/style/theme.tsx
index fb24fb40c460..9d98e46e2fd0 100644
--- a/components/menu/style/theme.tsx
+++ b/components/menu/style/theme.tsx
@@ -178,7 +178,7 @@ const getThemeStyle = (token: MenuToken, themeSuffix: string): CSSInterpolation
 
           [`&:hover, &-active, &-open`]: {
             '&::after': {
-              borderWidth: `${colorActiveBarHeight}px`,
+              borderBottomWidth: colorActiveBarHeight,
               borderBottomColor: colorItemTextSelectedHorizontal,
             },
           },
@@ -186,7 +186,7 @@ const getThemeStyle = (token: MenuToken, themeSuffix: string): CSSInterpolation
             color: colorItemTextSelectedHorizontal,
             backgroundColor: colorItemBgSelectedHorizontal,
             '&::after': {
-              borderWidth: `${colorActiveBarHeight}px`,
+              borderBottomWidth: colorActiveBarHeight,
               borderBottomColor: colorItemTextSelectedHorizontal,
             },
           },