From a2471a0ca8c45eb0d967bda422e9315700f0cb31 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Fri, 21 Apr 2023 13:26:21 +0300
Subject: [PATCH] style: global scrollbar style

---
 apps/web/styles/global-style.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/apps/web/styles/global-style.js b/apps/web/styles/global-style.js
index acee0f8..691593a 100644
--- a/apps/web/styles/global-style.js
+++ b/apps/web/styles/global-style.js
@@ -10,4 +10,25 @@ export const GlobalStyle = createGlobalStyle`
     --color-secondary: ${COLOR_SECONDARY};
     --color-tertiarty: ${COLOR_TERTIARTY};
     } 
+
+ /* Scroll bar stylings */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+  }
+  
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: rgba(0,0,0,0.3); 
+    border-radius: 2px;
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(0,0,0,0.4); 
+  }
 `;