From f0e7334c61db73d523bee0c133a9811798fd42b4 Mon Sep 17 00:00:00 2001
From: StephDietz <steph.dietz@vercel.com>
Date: Tue, 11 Jul 2023 15:34:41 -0500
Subject: [PATCH] change space-x from 6 to 4 in carousel

---
 components/carousel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/carousel.tsx b/components/carousel.tsx
index fe1c244d9..2a8d2526f 100644
--- a/components/carousel.tsx
+++ b/components/carousel.tsx
@@ -11,7 +11,7 @@ export async function Carousel() {
 
   return (
     <div className="relative w-full overflow-hidden pb-6">
-      <div className="flex animate-carousel space-x-6">
+      <div className="flex animate-carousel space-x-4">
         {[...products, ...products].map((product, i) => (
           <Link
             key={`${product.handle}${i}`}