diff --git a/packages/cli/package.json b/packages/cli/package.json
index c32223a..fd0b3c8 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -32,6 +32,7 @@
     "eslint-config-prettier": "^9",
     "oclif": "^4",
     "shx": "^0.3.3",
+    "tailwind-scrollbar": "^3.1.0",
     "ts-node": "^10",
     "typescript": "^5"
   },
diff --git a/packages/react/tailwind.config.js b/packages/react/tailwind.config.js
index 34df634..008e4f7 100644
--- a/packages/react/tailwind.config.js
+++ b/packages/react/tailwind.config.js
@@ -1,14 +1,15 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./{components,stories,src}/**/*.{js,jsx,ts,tsx,css,mdx}"],
-  darkMode: ["variant", [
-    '@media (prefers-color-scheme: dark) { &:is(.system *) }',
-    '&:is(.dark *)'
-  ]],
+  darkMode: [
+    "variant",
+    [
+      "@media (prefers-color-scheme: dark) { &:is(.system *) }",
+      "&:is(.dark *)",
+    ],
+  ],
   theme: {
     extend: {},
   },
-  plugins: [
-    require('@tailwindcss/typography')
-  ],
+  plugins: [require("@tailwindcss/typography"), require("tailwind-scrollbar")],
 };
diff --git a/yarn.lock b/yarn.lock
index 4084f19..f4dc114 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1849,6 +1849,7 @@ __metadata:
     ora: "npm:^8.0.1"
     react: "npm:^18.3.1"
     shx: "npm:^0.3.3"
+    tailwind-scrollbar: "npm:^3.1.0"
     treeify: "npm:^1.1.0"
     ts-node: "npm:^10"
     typescript: "npm:^5"
@@ -10222,6 +10223,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwind-scrollbar@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "tailwind-scrollbar@npm:3.1.0"
+  peerDependencies:
+    tailwindcss: 3.x
+  checksum: 10c0/dad4d5dcc37f09806cb1b5380d7908d113d139638ac606644ba0c689dffb2d72250f6997c0091c2ba596346390b31742859a20933c2d8543f8103e2ddfc3fb82
+  languageName: node
+  linkType: hard
+
 "tailwindcss@npm:^3.4.3":
   version: 3.4.4
   resolution: "tailwindcss@npm:3.4.4"