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>