From 2a41b33d8a72394b85f3880f8a23c1b9384f5d55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20G=C3=B3mez=20Pinta?=
 <44321109+GomezIvann@users.noreply.github.com>
Date: Tue, 11 Feb 2025 13:19:21 +0100
Subject: [PATCH] Creating global scroll styles

---
 packages/lib/src/styles/scroll.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 packages/lib/src/styles/scroll.tsx

diff --git a/packages/lib/src/styles/scroll.tsx b/packages/lib/src/styles/scroll.tsx
new file mode 100644
index 0000000000..d5ce18a49f
--- /dev/null
+++ b/packages/lib/src/styles/scroll.tsx
@@ -0,0 +1,16 @@
+import { css } from "styled-components";
+
+export const scrollbarStyles = css`
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--color-fg-neutral-strong);
+    border-radius: var(--border-radius-s);
+  }
+  &::-webkit-scrollbar-track {
+    background: var(--color-bg-neutral-light);
+    border-radius: var(--border-radius-s);
+  }
+`;