diff --git a/frontend/src/components/layout/Menu.vue b/frontend/src/components/layout/Menu.vue
index a33a2823..b2081936 100644
--- a/frontend/src/components/layout/Menu.vue
+++ b/frontend/src/components/layout/Menu.vue
@@ -127,7 +127,18 @@ const routerList = computed(() => {
     border-radius: 6px;
     &.is-active {
       background-color: #fff !important;
+      font-weight: 500;
     }
   }
 }
+.ed-sub-menu {
+  .subTitleMenu {
+    display: none;
+  }
+}
+
+.ed-menu--popup-container .subTitleMenu {
+  color: #646a73 !important;
+  pointer-events: none;
+}
 </style>
diff --git a/frontend/src/components/layout/MenuItem.vue b/frontend/src/components/layout/MenuItem.vue
index d63e842c..1440ba13 100644
--- a/frontend/src/components/layout/MenuItem.vue
+++ b/frontend/src/components/layout/MenuItem.vue
@@ -81,7 +81,10 @@ const MenuItem = defineComponent({
           { index: path, onClick: () => handleMenuClick(props.menu) },
           {
             title: () => titleWithIcon({ title, icon }),
-            default: () => children.map((ele: any) => h(MenuItem, { menu: ele })),
+            default: () => [
+              h(MenuItem, { menu: { meta: { title } }, class: 'subTitleMenu' }),
+              children.map((ele: any) => h(MenuItem, { menu: ele })),
+            ],
           }
         )
       }