diff --git a/build/scss/_main-sidebar.scss b/build/scss/_main-sidebar.scss
index b66483761..df79e539f 100644
--- a/build/scss/_main-sidebar.scss
+++ b/build/scss/_main-sidebar.scss
@@ -302,6 +302,12 @@
     > .nav-item {
       > .nav-link {
         color: $sidebar-light-submenu-color;
+
+        &:hover,
+        &:focus {
+          background-color: $sidebar-light-submenu-hover-bg;
+          color: $sidebar-light-submenu-hover-color;
+        }
       }
 
       > .nav-link.active {
diff --git a/build/scss/_navs.scss b/build/scss/_navs.scss
index 39e0083e9..0fbe6edd2 100644
--- a/build/scss/_navs.scss
+++ b/build/scss/_navs.scss
@@ -98,11 +98,12 @@
   @include navbar-variant($color, $value);
 }
 
-.dark-mode {
-  .nav-pills .nav-link {
+.dark-mode:not([class*="sidebar-light-"]) {
+  &.nav-pills .nav-link {
     color: $gray-400;
   }
-  .nav-tabs {
+
+  &.nav-tabs {
     border-color: lighten($dark, 15%);
 
     .nav-link:focus,
diff --git a/build/scss/_variables.scss b/build/scss/_variables.scss
index 345b13f4d..7ba4c7084 100644
--- a/build/scss/_variables.scss
+++ b/build/scss/_variables.scss
@@ -129,6 +129,7 @@ $sidebar-light-hover-color: $gray-900 !default;
 $sidebar-light-active-color: $black !default;
 $sidebar-light-submenu-bg: transparent !default;
 $sidebar-light-submenu-color: #777 !default;
+$sidebar-light-submenu-hover-color: $black !default;
 $sidebar-light-submenu-hover-bg: $sidebar-light-hover-bg !default;
 $sidebar-light-submenu-active-color: $sidebar-light-hover-color !default;
 $sidebar-light-submenu-active-bg: $sidebar-light-submenu-hover-bg !default;