diff --git a/src/views/main-sidebar.vue b/src/views/main-sidebar.vue
index bb8604357..c6100e518 100644
--- a/src/views/main-sidebar.vue
+++ b/src/views/main-sidebar.vue
@@ -113,14 +113,15 @@ export default {
   min-height: calc(100% - 64px);
   background: #0056d6;
   .nav {
-    color: #ffffff;
+    color: rgba(#ffffff, 0.85);
     .nav-item {
       font-size: 13px;
       text-align: center;
-      padding: 10px 0 8px 0;
+      padding: 11px 0 9px 0;
+      cursor: pointer;
       .icon-svg {
         font-size: 18px;
-        margin-bottom: 8px;
+        margin-bottom: 6px;
       }
       span {
         display: block;
@@ -128,6 +129,7 @@ export default {
       &:hover,
       &.z-on {
         background-color: rgba(#000, 0.1);
+        color: rgba(#ffffff, 1);
       }
     }
   }