diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index d9c2150..139ee40 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -59,10 +59,21 @@ export default {
 <style>
 .el-menu-item {
   height: 80px;
-  /* justify-content: center; */
   display: flex;
-  /* flex-direction: column; */
   align-items: center;
   font-size: 16px;
 }
+.el-submenu__title{
+  height: 80px;
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+}
+.el-submenu .el-menu-item {
+  height: 40px;
+  padding-left: 65px !important;
+}
+.el-submenu__title i {
+  color: #fff;
+}
 </style>
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index fca770e..34aa2b9 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -14,15 +14,15 @@ $menuText:#ffffff;
 // $menuActiveText:#409EFF;
 $menuActiveText:#ffffff;
 // $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
-$subMenuActiveText:#5d94ff;
+$subMenuActiveText:#ffffff;
 
 // $menuBg:#304156;
 $menuBg:#4081ff;
 // $menuHover:#263445;
 $menuHover:#5d94ff;
 
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
+$subMenuBg:#4081ff;
+$subMenuHover:#5d94ff;
 
 $sideBarWidth: 230px;
 // $sideBarWidth: 150px;