From d630c6cc59fde24c524c693c106c1dc784d1682c Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 10 Feb 2026 15:00:36 +0000
Subject: [PATCH] style: update VibeCard image style

- Update `src/ui/components/VibeCard.tsx` to use `object-cover object-top` for the image, ensuring it fills the card area nicely.
---
 src/ui/components/VibeCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/components/VibeCard.tsx b/src/ui/components/VibeCard.tsx
index 2f250cc..ddf1514 100644
--- a/src/ui/components/VibeCard.tsx
+++ b/src/ui/components/VibeCard.tsx
@@ -41,7 +41,7 @@ export const VibeCard: React.FC<VibeCardProps> = ({
               src={image}
               alt={name}
               loading="lazy"
-              className="w-full h-full object-contain p-2 transition-transform duration-500 group-hover:scale-110 grayscale group-hover:grayscale-0 opacity-80 group-hover:opacity-100 mix-blend-multiply"
+              className="w-full h-full object-cover object-top transition-transform duration-500 group-hover:scale-110 grayscale group-hover:grayscale-0 opacity-80 group-hover:opacity-100 mix-blend-multiply"
             />
             {/* Gradient overlay for text readability */}
             <div className="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-slate-900/20 to-transparent opacity-90 group-hover:opacity-80 transition-opacity duration-300" />