diff --git a/electron/web/css/content/messages.css b/electron/web/css/content/messages.css
index 518e22e..e24fbde 100644
--- a/electron/web/css/content/messages.css
+++ b/electron/web/css/content/messages.css
@@ -9,6 +9,9 @@
 .layout > .content-container > .content > .message-page-container .chats.hide{
     display: none !important;
 }
+.layout > .content-container > .content > .message-page-container .chats .list{
+    overflow-y: auto;
+}
 .layout > .content-container > .content > .message-page-container .chats{
     display: flex;
     flex-direction: column;
diff --git a/electron/web/css/style.css b/electron/web/css/style.css
index bc50c46..083da0e 100644
--- a/electron/web/css/style.css
+++ b/electron/web/css/style.css
@@ -7,7 +7,7 @@
     font-family: "Roboto", sans-serif;
     font-optical-sizing: auto;
 
-    scrollbar-color: hsl(from var(--main) h s calc(l * 6)) var(--main);
+    scrollbar-color: hsl(from var(--main) h s calc(l * 6)) hsl(from var(--main) h s calc(l * 2));
     scrollbar-width: thin;
 }