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}`}