From 466ce9ba832dafec151071c83b5163bde9eff883 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 07:52:31 +0000
Subject: [PATCH] completionId: cgen-1310ec07149b4d01a4638b6e698d4824

cgen-1310ec07149b4d01a4638b6e698d4824
---
 client/components/social/FeedItemCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/components/social/FeedItemCard.tsx b/client/components/social/FeedItemCard.tsx
index a4a913b8..447a0d7b 100644
--- a/client/components/social/FeedItemCard.tsx
+++ b/client/components/social/FeedItemCard.tsx
@@ -126,7 +126,7 @@ export function FeedItemCard({
       </CardHeader>
       <CardContent className="space-y-5">
         {hasMedia && (
-          <div className="relative overflow-hidden rounded-2xl border border-border/40 bg-black/70">
+          <div className="relative w-full overflow-hidden rounded-2xl border border-border/40 bg-black/70 aspect-video max-h-96">
             {item.mediaType === "video" ? (
               <>
                 <video
@@ -135,7 +135,7 @@ export function FeedItemCard({
                   loop
                   playsInline
                   controls={!muted}
-                  className="h-full w-full object-cover"
+                  className="w-full h-full object-cover"
                 />
                 <Button
                   size="icon"
@@ -154,7 +154,7 @@ export function FeedItemCard({
               <img
                 src={item.mediaUrl ?? undefined}
                 alt={item.caption || item.authorName}
-                className="h-full w-full object-cover"
+                className="w-full h-full object-cover"
               />
             )}
           </div>