diff --git a/components/menu/style/index.tsx b/components/menu/style/index.tsx
index 511eb2ed3136..330ce01936b1 100644
--- a/components/menu/style/index.tsx
+++ b/components/menu/style/index.tsx
@@ -298,7 +298,7 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
           transition: [
             `background ${motionDurationSlow} ${motionEaseInOut}`,
             `padding ${motionDurationSlow} ${motionEaseInOut}`,
-          ],
+          ].join(','),
         },
 
         [`${componentCls}-title-content`]: {
diff --git a/components/menu/style/vertical.tsx b/components/menu/style/vertical.tsx
index 121b206cd98f..ce7533a0f35a 100644
--- a/components/menu/style/vertical.tsx
+++ b/components/menu/style/vertical.tsx
@@ -128,7 +128,7 @@ const getVerticalStyle: GenerateStyle<MenuToken> = (token) => {
               `border-color ${motionDurationSlow}`,
               `background ${motionDurationSlow}`,
               `padding ${motionDurationMid} ${motionEaseOut}`,
-            ],
+            ].join(','),
 
             [`> ${componentCls}-title-content`]: {
               flex: 'auto',