From 1b222909a28c9b5a5a4bdcfadc33ecf8d13dc08f Mon Sep 17 00:00:00 2001
From: Justin Levine <20596508+jal-co@users.noreply.github.com>
Date: Wed, 15 Jul 2026 17:19:11 -0400
Subject: [PATCH] fix(catalog): equalize listing card previews

Signed-off-by: Justin Levine <20596508+jal-co@users.noreply.github.com>
---
 apps/web/src/routes/components.index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/routes/components.index.tsx b/apps/web/src/routes/components.index.tsx
index 1fff97d..ab3a4d5 100644
--- a/apps/web/src/routes/components.index.tsx
+++ b/apps/web/src/routes/components.index.tsx
@@ -336,7 +336,7 @@ function GalleryItem({ item, list }: { item: CatalogItem; list: boolean }) {
 
 function ToolCardPreview({ item, className }: { item: CatalogItem; className?: string }) {
   return (
-    <div className={`relative aspect-[16/10] overflow-hidden rounded-lg border border-border/60 bg-secondary/30 ${className ?? ""}`}>
+    <div className={`relative aspect-[4/3] overflow-hidden rounded-lg border border-border/60 bg-secondary/30 ${className ?? ""}`}>
       <ToolListingImage src={item.site?.ogImageUrl} domain={item.site?.domain} className="size-full" imageClassName="transition-transform duration-300 group-hover:scale-[1.02] motion-reduce:transform-none motion-reduce:transition-none" />
       <span className="absolute bottom-2 left-2 rounded-md bg-background/85 px-2 py-1 text-[10px] font-medium backdrop-blur-sm">Live site · {item.site?.domain}</span>
     </div>