From 08726374f55e9b039f0f84be30e97449a11ea9a0 Mon Sep 17 00:00:00 2001
From: StephDietz <steph.dietz@vercel.com>
Date: Mon, 10 Jul 2023 17:13:34 -0500
Subject: [PATCH] change label margin on carousol labels

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

diff --git a/components/carousel.tsx b/components/carousel.tsx
index ee2f99edd..78254d05b 100644
--- a/components/carousel.tsx
+++ b/components/carousel.tsx
@@ -27,7 +27,7 @@ export async function Carousel() {
                 src={product.featuredImage.url}
               />
             ) : null}
-            <div className="absolute bottom-0 left-0 mb-2 ml-2 flex items-center rounded-full border bg-white/80 p-1 text-black backdrop-blur-md dark:border-gray-800 dark:bg-black/80 dark:text-white md:mb-8 md:ml-8">
+            <div className="absolute bottom-0 left-0 mb-4 ml-4 flex items-center rounded-full border bg-white/80 p-1 text-black backdrop-blur-md dark:border-gray-800 dark:bg-black/80 dark:text-white">
               <h3 data-testid="product-name" className="mr-6 inline pl-2 text-xs font-semibold">
                 {product.title}
               </h3>