fixed scrolling

CSS/themes/pihole/pihole-base.css

@@ -47,7 +47,7 @@ a:hover, a:active, a:focus,
     }
 /* Header */
     .skin-blue .main-header .navbar, .skin-blue .main-header .logo,
-    .main-header .navbar {
+    .main-header .navbar,.main-header .logo {
         background-color: rgba(0, 0, 0, .25);
     }
     .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover,
@@ -59,7 +59,7 @@ a:hover, a:active, a:focus,
     .main-footer {
         background: rgba(0, 0, 0, .25);
         color: #eee;
-        border-top: 1px solid #eee;
+        border-top: 1px solid rgb(255 255 255 / 20%);
     }
 /* Side bar */
     .skin-blue .sidebar a {
@@ -350,20 +350,9 @@ a:hover, a:active, a:focus,
             box-shadow: none;
         }
 /* Scrollbar   */
-@media only screen and (min-width: 768px) {  
-  html {
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-  }
-  body {
-      overflow-y: auto;
-      height: 100%;
-      background: var(--main-bg-color)
-  }
-}
+  
 ::-webkit-scrollbar {
-      width: 14px;
+    width: 0px;
 }
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
@@ -373,7 +362,7 @@ a:hover, a:active, a:focus,
     background-clip: padding-box;
 }
 ::-webkit-scrollbar-track {
-      background-color: transparent;
+    background: var(--main-bg-color);
 }
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;