From d83af6132eff33fce11b05a237461c6e2e02f68f Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Wed, 10 Apr 2024 21:04:31 -0400
Subject: [PATCH] Lower padding on buttons and disable horizontal scrolling

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

diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index 25a269a2..8f79761f 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -258,7 +258,7 @@ export function Discover() {
         </h2>
         <div
           id={`carousel-${categorySlug}`}
-          className="flex whitespace-nowrap pt-3 overflow-auto rounded-xl"
+          className="flex whitespace-nowrap pt-3 overflow-auto rounded-xl overflow-x-hidden"
           style={{
             scrollbarWidth: "thin",
             // scrollbarColor: `${bgColor} transparent`,
@@ -311,7 +311,7 @@ export function Discover() {
           <button
             type="button"
             title="Back"
-            className="absolute pb-12 left-5 top-1/2 transform -translate-y-1/2 z-10"
+            className="absolute pb-8 left-5 top-1/2 transform -translate-y-1/2 z-10"
             onClick={() => scrollCarousel(categorySlug, "left")}
           >
             <div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">
@@ -321,7 +321,7 @@ export function Discover() {
           <button
             type="button"
             title="Next"
-            className="absolute pb-12 right-5 top-1/2 transform -translate-y-1/2 z-10"
+            className="absolute pb-8 right-5 top-1/2 transform -translate-y-1/2 z-10"
             onClick={() => scrollCarousel(categorySlug, "right")}
           >
             <div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">