From 65cff98812a665b44bc1e067826fc0d4489d3fb5 Mon Sep 17 00:00:00 2001
From: Captain Jack Sparrow <163903675+sussy-code@users.noreply.github.com>
Date: Fri, 12 Apr 2024 11:51:36 +0000
Subject: [PATCH] increase scrollbar padding (scrollbar is still visible on
 some platforms)

---
 src/pages/Discover.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index ddec9b21..120842b0 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -252,11 +252,11 @@ export function Discover() {
         </h2>
         <div
           id={`carousel-${categorySlug}`}
-          className="flex whitespace-nowrap pt-3 overflow-auto rounded-xl overflow-y-hidden"
+          className="flex whitespace-nowrap pt-4 overflow-auto scrollbar rounded-xl overflow-y-hidden"
           style={{
             scrollbarWidth: "thin",
             // scrollbarColor: `${bgColor} transparent`,
-            scrollbarColor: `transparent transparent`,
+            scrollbarColor: "transparent transparent",
           }}
           ref={(el) => {
             carouselRefs.current[categorySlug] = el;