diff --git a/src/layouts/components/SideMenu.vue b/src/layouts/components/SideMenu.vue
index b2f7f69..34c82ad 100644
--- a/src/layouts/components/SideMenu.vue
+++ b/src/layouts/components/SideMenu.vue
@@ -59,19 +59,14 @@ function handleMenuSelect(key, item) {
 </script>
 
 <style lang="scss">
-.side-menu {
-  .n-menu-item-content__icon {
-    border: 1px solid rgb(229, 231, 235);
-    border-radius: 4px;
-  }
-  .n-menu-item-content--child-active,
-  .n-menu-item-content--selected {
-    .n-menu-item-content__icon {
-      border-color: var(--primary-color);
-      background-color: var(--primary-color);
-      i {
-        color: #fff;
-      }
+.side-menu:not(.n-menu--collapsed) {
+  .n-menu-item-content {
+    &::before {
+      left: 8px;
+      right: 8px;
+    }
+    &.n-menu-item-content--selected::before {
+      border-left: 4px solid var(--primary-color);
     }
   }
 }
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 4e31495..9052e94 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -34,7 +34,7 @@ export const usePermissionStore = defineStore('permission', {
         key: route.name,
         path: route.path,
         originPath: route.meta.originPath,
-        icon: () => h('i', { class: `${route.meta.icon} text-14` }),
+        icon: () => h('i', { class: `${route.meta.icon} text-16` }),
         order: item.order ?? 0,
       }
       const children = item.children?.filter((item) => item.type === 'MENU') || []