From d027fe67a7c7f3edac307bdca10e20929e0f02e9 Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Wed, 20 Mar 2024 14:17:00 -0500
Subject: [PATCH] Fix console error about aspect ratio image

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

diff --git a/src/components/Categories/CategoryCard.tsx b/src/components/Categories/CategoryCard.tsx
index c8bfed0..f8539a6 100644
--- a/src/components/Categories/CategoryCard.tsx
+++ b/src/components/Categories/CategoryCard.tsx
@@ -11,7 +11,7 @@ const CategoryCard: FC<CategoryCardProps> = ({ image, name }) => {
   return (
     <Link href={"https://actualizatucarro.mercadoshops.com.co/"}>
       <div className="flex flex-col items-center justify-center gap-x-4 relative group">
-        <Image src={image} width={150} height={150} alt={name} className="group-hover:scale-125 transition-all"/>
+        <Image src={image} width={150} height={150} alt={name} className="group-hover:scale-125 transition-all aspect-square" />
         <span className="font-bold text-xs ms:text-sm md:text-lg ms:group-hover:text-xl transition-all">{name}</span>
         <div className="absolute h-1 bg-primary-lm bottom-[-5px] transform scale-x-0 group-hover:scale-x-100 transition-transform duration-200 ease-in-out w-full rounded"></div>
       </div>