diff --git a/src/tailwind.config.js b/src/tailwind.config.js
index 33787a900..a0b81b6a3 100644
--- a/src/tailwind.config.js
+++ b/src/tailwind.config.js
@@ -15,7 +15,27 @@ module.exports = {
   ],
   theme: {
     extend: {},
+    scrollbar: theme => ({
+      DEFAULT: {
+        size: theme('spacing.3'),
+        track: {
+          background: theme('colors.gray.100'),
+          darkBackground: theme('colors.neutral.700'),
+        },
+        thumb: {
+          background: theme('colors.gray.400'),
+          darkBackground: theme('colors.neutral.500'),
+          borderRadius: theme('borderRadius.full'),
+        },
+        hover: {
+          background: theme('colors.gray.500'),
+          darkBackground: theme('colors.neutral.400'),
+        },
+      },
+    }),
   },
-  plugins: [],
+  plugins: [
+    require('@gradin/tailwindcss-scrollbar'),
+  ],
 }