diff --git a/src/layouts/components/siderBar/index.vue b/src/layouts/components/siderBar/index.vue
index e57a3ca..7e75daa 100644
--- a/src/layouts/components/siderBar/index.vue
+++ b/src/layouts/components/siderBar/index.vue
@@ -213,10 +213,10 @@ export default defineComponent({
       @include menu-item;
       padding: 8px;
       &:hover {
-        background-color: rgba(109, 76, 254, 0.08);
-        color: #6d4cfe;
+        background-color: rgba(109, 76, 254, 0.08) !important;
+        color: #6d4cfe !important;
         .svg-icon {
-          color: #6d4cfe;
+          color: #6d4cfe !important;
         }
       }
       // &.active {
diff --git a/src/layouts/components/siderBar/style.scss b/src/layouts/components/siderBar/style.scss
index 892c219..b632b2b 100644
--- a/src/layouts/components/siderBar/style.scss
+++ b/src/layouts/components/siderBar/style.scss
@@ -21,11 +21,11 @@
     align-items: center;
   }
   &:hover {
-    background-color: rgba(109, 76, 254, 0.08);
-    color: #6d4cfe;
+    background-color: rgba(109, 76, 254, 0.08) !important;
+    color: #6d4cfe !important;
     .label,
     .svg-icon {
-      color: #6d4cfe;
+      color: #6d4cfe !important;
     }
   }
   &:not(.sub-menu-item) {