diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
index d776b1104..d270748bc 100644
--- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
+++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
@@ -9806,6 +9806,29 @@ fieldset:disabled .btn {
     display: none !important;
   }
 }
+/* Scrollbar - first works on Firefox, rest on WebKit-based browsers */
+* {
+    --btcpay-scrollbar-width: .375rem;
+    --btcpay-scrollbar-color: var(--btcpay-neutral-500);
+    --btcpay-scrollbar-bg: transparent;
+    scrollbar-width: var(--btcpay-scrollbar-width);
+    scrollbar-color: var(--btcpay-scrollbar-color) var(--btcpay-scrollbar-bg);
+}
+
+*::-webkit-scrollbar {
+    width: var(--btcpay-scrollbar-width);
+}
+
+*::-webkit-scrollbar-track {
+    background: var(--btcpay-scrollbar-bg);
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: var(--btcpay-scrollbar-color);
+    border-radius: 1rem;
+    border: 1rem solid var(--btcpay-scrollbar-bg);
+}
+
 html {
   position: relative;
   min-height: 100%;
@@ -10288,6 +10311,7 @@ label + input.btcpay-toggle {
   filter: none;
   opacity: 0.5;
 }
+
 /* Bootstrap Responsive Helper */
 html[data-devenv]:before {
     display: inline-block;
diff --git a/BTCPayServer/wwwroot/main/layout.css b/BTCPayServer/wwwroot/main/layout.css
index ad3d47007..8e9c0f582 100644
--- a/BTCPayServer/wwwroot/main/layout.css
+++ b/BTCPayServer/wwwroot/main/layout.css
@@ -37,6 +37,7 @@
 }
 
 #mainNav {
+    --btcpay-scrollbar-color: var(--btcpay-neutral-400);
     height: calc(100vh - var(--mobile-header-height));
     overflow-y: auto;
     padding-top: var(--btcpay-space-m);