From 995c71367e9d567a72e611828aa37bdad7b295d1 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Wed, 25 Mar 2026 01:56:08 +0100
Subject: [PATCH] fix(web): add aspect-ratio fallback for bare GIF URL messages

---
 packages/web/src/components/chat/Message.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/chat/Message.tsx b/packages/web/src/components/chat/Message.tsx
index d1d375ac..bfd021d8 100644
--- a/packages/web/src/components/chat/Message.tsx
+++ b/packages/web/src/components/chat/Message.tsx
@@ -340,11 +340,14 @@ export function Message({ message, isCompact, isFirstInGroup, previousMessageId
         ) : (
           <div className="flex flex-col gap-1">
             {isGifOnly ? (
-              <div className="mt-1 max-w-[250px] rounded-lg overflow-hidden">
+              <div
+                className="mt-1 max-w-[250px] rounded-lg overflow-hidden bg-surface-input"
+                style={{ aspectRatio: '4/3', maxHeight: 250 }}
+              >
                 <img
                   src={message.content!.trim()}
                   alt="GIF"
-                  className="max-w-full max-h-[250px] object-contain rounded-lg"
+                  className="w-full h-full object-contain rounded-lg"
                   loading="lazy"
                 />
               </div>