diff --git a/app/css/all.css b/app/css/all.css
index 3f768fb6..39da6b23 100644
--- a/app/css/all.css
+++ b/app/css/all.css
@@ -16,10 +16,18 @@ License: GNU General Public License v3.0
   h4.mt-3 { margin-left: 0.5rem; }
 }
 
-.sidebar.toggled .nav-item .nav-link {
-  padding: 0.65rem 1rem;
+.sb-sidenav .sb-sidenav-menu .nav .nav-link {
+  padding-top: 0.6rem;
+  padding-bottom: 0.6rem;
 }
 
+.sb-sidenav-light .sb-sidenav-menu .nav-link {
+  color: #495057;
+}
+
+.sb-topnav.navbar-light #sidebarToggle {
+  color: #495057;
+}
 .sidebar-brand-text {
   text-transform: none;
   color: #212529;
diff --git a/app/css/custom.php b/app/css/custom.php
index b846b34d..9f13b499 100644
--- a/app/css/custom.php
+++ b/app/css/custom.php
@@ -15,12 +15,21 @@ License: GNU General Public License v3.0
 
 body {
   color: #212529;
+  background-color: #f8f9fc;
+}
+
+.sb-sidenav-light .sb-sidenav-menu .nav-link:hover {
+    color: <?php echo $color; ?>;
 }
 
 .sidebar {
   background-color: #f8f9fc;
 }
 
+.sb-nav-link-icon.active {
+  font-weight: 600;
+}
+
 .sidebar .nav-item.active .nav-link {
   font-weight: 500;
 }
diff --git a/app/js/custom.js b/app/js/custom.js
index f6e24558..f656088e 100644
--- a/app/js/custom.js
+++ b/app/js/custom.js
@@ -858,7 +858,7 @@ $(window).on("load resize",function(e) {
 // Adds active class to current nav-item
 $(window).bind("load", function() {
     var url = window.location;
-    $('ul.navbar-nav a').filter(function() {
+    $('.sb-nav-link-icon a').filter(function() {
       return this.href == url;
     }).parent().addClass('active');
 });