diff --git a/report-ui/src/assets/styles/sidebar.scss b/report-ui/src/assets/styles/sidebar.scss
index 250572aa..054e8d19 100644
--- a/report-ui/src/assets/styles/sidebar.scss
+++ b/report-ui/src/assets/styles/sidebar.scss
@@ -94,11 +94,17 @@
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
     background-color: #fff !important;
+    
     &:hover {
       color: #406be0 !important;
       font-weight: bold; 
     }
   }
+  .sidebar-container .el-submenu .el-menu-item{
+    &.is-active{
+      background-color: #406be0;
+    }
+  }
   .el-menu--collapse .el-menu .el-submenu {
     min-width: 180px !important;
   }
diff --git a/report-ui/src/views/layout/components/Sidebar/index.vue b/report-ui/src/views/layout/components/Sidebar/index.vue
index 4c71e759..1da3d8e2 100644
--- a/report-ui/src/views/layout/components/Sidebar/index.vue
+++ b/report-ui/src/views/layout/components/Sidebar/index.vue
@@ -7,10 +7,7 @@
     <el-menu :show-timeout="200"
              :default-active="$route.path"
              :collapse="isCollapse"
-             mode="vertical"
-             background-color="#fff"
-             text-color="#333"
-             active-text-color="#222">
+             mode="vertical">
       <sidebar-item v-for="route in routes"
                     :key="route.path"
                     :item="route"
@@ -57,6 +54,7 @@ export default {
   font-weight: 500;
   color: #333;
   font-size: 14px;
+  background: #fff;
 }
 .admin-title:hover {
   cursor: pointer;