diff --git a/src/utils/nodeUtil.tsx b/src/utils/nodeUtil.tsx
index c0b81106..ec3d5009 100644
--- a/src/utils/nodeUtil.tsx
+++ b/src/utils/nodeUtil.tsx
@@ -47,13 +47,11 @@ function convertItemsToNodes(
         if (type === 'divider') {
           return <MergedDivider key={mergedKey} {...restProps} />;
         }
-
+        const hasExtra = !!extra || extra === 0;
         return (
           <MergedMenuItem key={mergedKey} {...restProps} extra={extra}>
-            {label}
-            {(!!extra || extra === 0) && (
-              <span className={`${prefixCls}-item-extra`}>{extra}</span>
-            )}
+            {hasExtra ? <span className={`${prefixCls}-item-label`}>{label}</span> : label}
+            {hasExtra && <span className={`${prefixCls}-item-extra`}>{extra}</span>}
           </MergedMenuItem>
         );
       }
diff --git a/tests/__snapshots__/MenuItem.spec.tsx.snap b/tests/__snapshots__/MenuItem.spec.tsx.snap
index dc957d18..c4e28718 100644
--- a/tests/__snapshots__/MenuItem.spec.tsx.snap
+++ b/tests/__snapshots__/MenuItem.spec.tsx.snap
@@ -22,7 +22,11 @@ exports[`MenuItem overwrite default role should set extra to group option 1`] =
       role="menuitem"
       tabindex="-1"
     >
-      Menu Item 1
+      <span
+        class="rc-menu-item-label"
+      >
+        Menu Item 1
+      </span>
       <span
         class="rc-menu-item-extra"
       >
@@ -40,7 +44,11 @@ exports[`MenuItem overwrite default role should set extra to option 1`] = `
   role="menuitem"
   tabindex="-1"
 >
-  Top Menu Item
+  <span
+    class="rc-menu-item-label"
+  >
+    Top Menu Item
+  </span>
   <span
     class="rc-menu-item-extra"
   >