From 056828b52bcb9f1e37eebf58cfbe0bf329ad86a9 Mon Sep 17 00:00:00 2001
From: AkshayGit <akshayrishu4@gmail.com>
Date: Sat, 19 Oct 2024 21:14:13 +0530
Subject: [PATCH] Add custom scrollbar styling for better UI/UX

---
 src/App.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 7ffd1b36..1935e0f7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -18,4 +18,26 @@ html {
 
 .mb-0{
   margin-bottom: 0;
-}
\ No newline at end of file
+}
+
+
+
+/* global.css or your main CSS file */
+::-webkit-scrollbar {
+  width: 12px; /* Width of the scrollbar */
+}
+
+::-webkit-scrollbar-track {
+  background-color: #e5e7eb; /* Light gray track (background of the scrollbar) */
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #2ec4b6; /* Blue scrollbar thumb */
+  border-radius: 9999px; /* Rounded edges for the scrollbar thumb */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #2ec4b6; /* Darker blue when hovered */
+}
+
+