From 234ee9cd230f3d3444833c07da670841e4c7b3e4 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Wed, 25 Mar 2026 01:55:41 +0100
Subject: [PATCH] fix(web): add 16:9 aspect-ratio reservation to direct video
 embeds

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

diff --git a/packages/web/src/components/chat/embeds/VideoEmbed.tsx b/packages/web/src/components/chat/embeds/VideoEmbed.tsx
index d9195d42..7daf5093 100644
--- a/packages/web/src/components/chat/embeds/VideoEmbed.tsx
+++ b/packages/web/src/components/chat/embeds/VideoEmbed.tsx
@@ -11,12 +11,15 @@ export function VideoEmbed({ embed }: VideoEmbedProps) {
   // Direct video URL — no provider, no embedUrl
   if (!embed.provider && !embed.embedUrl) {
     return (
-      <div className="mt-2 max-w-[400px]">
+      <div
+        className="mt-2 max-w-[400px] rounded-lg overflow-hidden bg-surface-input"
+        style={{ aspectRatio: '16/9' }}
+      >
         <video
           src={embed.url}
           controls
           preload="none"
-          className="w-full rounded-lg bg-black"
+          className="w-full h-full rounded-lg"
         />
       </div>
     );