From 6693f826fd4bdb0a9d9da930597b3ab5c83848a3 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Thu, 30 Dec 2021 15:33:13 +0000
Subject: [PATCH] fix: apply reasonable defaults to all scrollbar thumbs

---
 src/pages/RevoltApp.tsx        | 2 +-
 src/pages/channels/Channel.tsx | 2 --
 src/styles/_elements.scss      | 4 ++++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index c46c7fe5..a4947036 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -39,8 +39,8 @@ const StatusBar = styled.div`
     gap: 14px;
 
     .button {
-        border: 1px solid white;
         padding: 5px;
+        border: 1px solid white;
         border-radius: var(--border-radius);
     }
 `;
diff --git a/src/pages/channels/Channel.tsx b/src/pages/channels/Channel.tsx
index c25646f5..e1322386 100644
--- a/src/pages/channels/Channel.tsx
+++ b/src/pages/channels/Channel.tsx
@@ -37,8 +37,6 @@ const ChannelMain = styled.div`
     flex-direction: row;
 
     > * > ::-webkit-scrollbar-thumb {
-        min-height: 100px; //TOFIX: add this to all scrollbars so they do not disappear
-        width: 4px;
         background-clip: content-box;
         border-top: 48px solid transparent;
     }
diff --git a/src/styles/_elements.scss b/src/styles/_elements.scss
index 3a18014c..f7843a9e 100644
--- a/src/styles/_elements.scss
+++ b/src/styles/_elements.scss
@@ -13,6 +13,10 @@
 }
 
 ::-webkit-scrollbar-thumb {
+    min-height: 15px;
+    min-width: 15px;
+
+    background-clip: content-box;
     background: var(--scrollbar-thumb);
 }