Fix console error about aspect ratio image

Dium-dev · Mar 20, 2024 · d027fe6 · d027fe6
1 parent 268ab17
commit d027fe6
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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>