diff --git a/src/components/menu/SideMenu.vue b/src/components/menu/SideMenu.vue
index 20c76da..c670c9f 100644
--- a/src/components/menu/SideMenu.vue
+++ b/src/components/menu/SideMenu.vue
@@ -110,7 +110,6 @@
   }
 
   &.light {
-    background-color: #fff;
     box-shadow: 2px 0px 8px 0px rgba(29, 35, 41, 0.05);
 
     .ant-menu-light {
diff --git a/src/style/vars.less b/src/style/vars.less
index 399afd6..b422e53 100644
--- a/src/style/vars.less
+++ b/src/style/vars.less
@@ -89,6 +89,10 @@
   box-shadow: 1px 1px 0px 0px #e8e8e8;
 }
 
+.sider.light {
+  background: @navigation-background-color;
+}
+
 .ant-menu {
   background: @navigation-background-color;
 }