diff --git a/src/layout/components/Menu/src/components/useRenderMenuTitle.tsx b/src/layout/components/Menu/src/components/useRenderMenuTitle.tsx
index 680c24cba..8941d9d76 100644
--- a/src/layout/components/Menu/src/components/useRenderMenuTitle.tsx
+++ b/src/layout/components/Menu/src/components/useRenderMenuTitle.tsx
@@ -10,20 +10,12 @@ export const useRenderMenuTitle = () => {
     return icon ? (
       <>
         <Icon icon={meta.icon}></Icon>
-        <span
-          class="v-menu__title truncate"
-          style="padding-right: calc(var(--el-menu-base-level-padding) + 12px);"
-          title={t(title as string)}
-        >
+        <span class="v-menu__title overflow-hidden overflow-ellipsis whitespace-nowrap">
           {t(title as string)}
         </span>
       </>
     ) : (
-      <span
-        class="v-menu__title truncate"
-        style="padding-right: calc(var(--el-menu-base-level-padding) + 12px);"
-        title={t(title as string)}
-      >
+      <span class="v-menu__title overflow-hidden overflow-ellipsis whitespace-nowrap">
         {t(title as string)}
       </span>
     )