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>