diff --git a/src/layout/components/NavHeader/ViewSwitcher.vue b/src/layout/components/NavHeader/ViewSwitcher.vue
index 8bbe7d7f6..e86a7ffb7 100644
--- a/src/layout/components/NavHeader/ViewSwitcher.vue
+++ b/src/layout/components/NavHeader/ViewSwitcher.vue
@@ -98,8 +98,10 @@ export default {
   height: 70px;
   width: 70px;
   &:hover {
-    color: #303133;
-    background-color: #e6e6e6;
+    color: inherit;
+    i {
+      color: inherit;
+    }
   }
   &:first-child {
     margin-left: 20px;
diff --git a/src/layout/components/NavHeader/index.vue b/src/layout/components/NavHeader/index.vue
index 51e942735..dcc04c430 100644
--- a/src/layout/components/NavHeader/index.vue
+++ b/src/layout/components/NavHeader/index.vue
@@ -127,12 +127,12 @@ export default {
           background-color: #e6e6e6;
         }
         &>>> i {
-          color: #909399;
+          color: #7c7e7f;
           font-size: 16px;
         }
         &>>> .svg-icon {
+          color: #7c7e7f;
           font-size: 16px;
-          color: #909399;
         }
       }
     }