diff --git a/Bootstrap.Admin/Views/Shared/Navigator.cshtml b/Bootstrap.Admin/Views/Shared/Navigator.cshtml
index 45bdc2d9..8c061f59 100644
--- a/Bootstrap.Admin/Views/Shared/Navigator.cshtml
+++ b/Bootstrap.Admin/Views/Shared/Navigator.cshtml
@@ -10,7 +10,7 @@
     </div>
     <!-- sidebar menu start-->
     <div class="sidebar">
-        <ul class="nav nav-pills flex-column flex-nowrap">
+        <ul class="nav-sidebar nav nav-pills flex-column flex-nowrap">
             @foreach (var menu in Model.Navigations)
             {
                 @await Html.PartialAsync("SubNavItem", menu)
diff --git a/Bootstrap.Admin/wwwroot/css/theme.css b/Bootstrap.Admin/wwwroot/css/theme.css
index 4b1bc5a6..20045f43 100644
--- a/Bootstrap.Admin/wwwroot/css/theme.css
+++ b/Bootstrap.Admin/wwwroot/css/theme.css
@@ -241,7 +241,6 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
 }
 
 .sidebar {
-    padding: 0;
     background: inherit;
 }
 
@@ -258,17 +257,13 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
             color: #FF6C60;
         }
 
-        .sidebar ul {
-            margin: 5px 0;
-        }
-
-            .sidebar ul ul {
-                margin: 0;
-            }
+    .sidebar .nav-sidebar {
+        margin: 5px 0;
+    }
 
     .sidebar .nav-link {
         color: #aeb2b7;
-        padding: 10px 10px;
+        padding: 8px 10px;
         transition: background .3s linear, color .3s linear;
         display: flex;
         align-items: center;