diff --git a/src/assets/styles/css/index.css b/src/assets/styles/css/index.css
index b5c61c9..39a048d 100644
--- a/src/assets/styles/css/index.css
+++ b/src/assets/styles/css/index.css
@@ -1,3 +1,36 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* WebKit scrollbar styles */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #e1e1e1;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #d1d1d1;
+}
+
+/* Firefox scrollbar styles */
+body {
+  scrollbar-width: thin; /* "auto" or "thin" */
+  scrollbar-color: #e1e1e1 #ffffff; /* thumb and track colors */
+}
+
+body::-webkit-scrollbar {
+  width: 10px;
+}
+
+body::-webkit-scrollbar-thumb {
+  background: #e1e1e1;
+  border-radius: 5px;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+  background: #d1d1d1;
+}