diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue
index ba03c7b32..0f4554e67 100644
--- a/src/layout/components/CategoryHeader.vue
+++ b/src/layout/components/CategoryHeader.vue
@@ -48,7 +48,7 @@ export default defineComponent({
       <ElMenu
         id={`${variables.namespace}-tool-header`}
         popperOffset={16}
-        class={[
+        class={['categoryheader',
           prefixCls,
           'h-[var(--top-category-height)] relative px-[var(--top-tool-p-x)] flex items-center justify-between',
           'dark:bg-[var(--el-bg-color)]',
@@ -96,27 +96,28 @@ export default defineComponent({
 })
 </script>
 
+
+
 <style lang="scss" scoped>
 $prefix-cls: #{$namespace}-tool-header;
 
 .#{$prefix-cls} {
   transition: left var(--transition-time-02);
 }
-::v-deep(.el-menu--horizontal){
-  padding-left:20px;
+.categoryheader{
+  padding-left: 20px;
 }
 
-::v-deep(.el-menu--horizontal>.el-menu-item){
+
+::v-deep(.el-menu-item){
     border-radius: 5px;
     height: 40px;
     margin-right: 10px;
     margin-bottom: 2px;
     background: rgb(242, 245, 248);
     border: 1px solid #ccc;
-
-    // background: linear-gradient(to top left,var(--left-menu-bg-color),var(--left-menu-text-color));
 }
-::v-deep(.el-menu--horizontal>.el-menu-item.is-active){
+::v-deep(.el-menu-item.is-active){
   background: var(--el-menu-hover-bg-color)
 }