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 {
@@ -349,36 +349,25 @@ a:hover, a:active, a:focus,
             border-color: rgb(255 255 255 / 0.25);
             box-shadow: none;
         }
-/* Scrollbar */  
+/* Scrollbar   */
-@media only screen and (min-width: 768px) {  
+  
-  html {
+::-webkit-scrollbar {
-      height: 100%;
+    width: 0px;
-      width: 100%;
+}
-      overflow: hidden;
+::-webkit-scrollbar-thumb {
-  }
+    min-height: 50px;
-  body {
+    border: 3px solid transparent;
-      overflow-y: auto;
+    border-radius: 8px;
-      height: 100%;
+    background-color: hsla(0,0%,100%,.2);
-      background: var(--main-bg-color)
+    background-clip: padding-box;
-  }
+}
+::-webkit-scrollbar-track {
+    background: var(--main-bg-color);
+}
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0,0%,100%,.5);
+    background-clip: padding-box;
 }
-  ::-webkit-scrollbar {
-      width: 14px;
-  }
-  ::-webkit-scrollbar-thumb {
-      min-height: 50px;
-      border: 3px solid transparent;
-      border-radius: 8px;
-      background-color: hsla(0,0%,100%,.2);
-      background-clip: padding-box;
-  }
-  ::-webkit-scrollbar-track {
-      background-color: transparent;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-      min-height: 50px;
-      border: 3px solid transparent;
-      border-radius: 8px;
-      background-color: hsla(0,0%,100%,.5);
-      background-clip: padding-box;
-  }