diff --git a/src/App/styles.less b/src/App/styles.less
index 6c5073c7b..0dbc673b2 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -36,7 +36,7 @@
     overflow: hidden;
     word-break: break-word;
     scrollbar-width: thin;
-    scrollbar-color: @color-secondary-light5-80 @color-background;
+    scrollbar-color: @color-secondary-light4-80 @color-background-dark2;
 }
 
 ::-webkit-scrollbar {
@@ -44,11 +44,11 @@
 }
 
 ::-webkit-scrollbar-thumb {
-    background-color: var(--color-secondarylighter80);
+    background-color: @color-secondary-light4-80;
 }
 
 ::-webkit-scrollbar-track {
-    background-color: var(--color-backgroundlight);
+    background-color: @color-background-dark2;
 }
 
 svg {
@@ -98,7 +98,7 @@ html {
             .app-loader {
                 width: 100%;
                 height: 100%;
-                background-color: var(--color-background);
+                background-color: @color-background-dark1;
             }
         }
     }