diff --git a/src/layout/index.vue b/src/layout/index.vue
index 6548189d..1610d83c 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -218,6 +218,11 @@ function toggleSideBar() {
       width: $sideBarWidth;
     }
 
+    :deep(.svg-icon) {
+      margin-top: -2px;
+      margin-right: 5px;
+    }
+
     .el-menu {
       border: none;
     }
diff --git a/src/layout/main.vue b/src/layout/main.vue
index 26e233a7..21b4918b 100644
--- a/src/layout/main.vue
+++ b/src/layout/main.vue
@@ -74,10 +74,6 @@ watchEffect(() => {
   width: 100% !important;
 }
 
-.mobile .fixed-header {
-  width: 100%;
-}
-
 .isMix,
 .isTop {
   .fixed-header {
diff --git a/src/styles/dark.scss b/src/styles/dark.scss
index 2025ceb6..fb548a2f 100644
--- a/src/styles/dark.scss
+++ b/src/styles/dark.scss
@@ -39,11 +39,6 @@ html.dark {
     background-color: var(--el-color-primary-dark);
   }
 
-  .svg-icon,
-  svg {
-    fill: var(--el-text-color-regular);
-  }
-
   .sidebar-container {
     .el-menu-item.is-active .svg-icon {
       fill: var(--el-color-primary);
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 7e0a26c2..9faa59d9 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -91,10 +91,6 @@
     .sidebar-container {
       width: 54px !important;
 
-      .svg-icon {
-        margin-right: 0;
-      }
-
       .header {
         .logo-wrap {
           width: 54px !important;