From 93138cbfb393cdefd70fd182606b5e2c0c4b2dc9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 21 Mar 2026 02:00:50 +0000
Subject: [PATCH] Fix PreviewPlayer layout: replace size-full with w-full to
 allow aspect-ratio CSS to work

When scrubbing in RecordingView, tall cameras passed size-full (width:100% + height:100%)
to PreviewPlayer, causing the browser to ignore aspect-ratio. Replacing size-full with
w-full lets height be computed from width + aspect-ratio, preserving correct proportions.

https://claude.ai/code/session_019sUH2h6HoVswdtD7EbhAJa
---
 web/src/components/player/dynamic/DynamicVideoPlayer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
index c8d95090d..b0a98dff4 100644
--- a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
+++ b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
@@ -326,7 +326,7 @@ export default function DynamicVideoPlayer({
       )}
       <PreviewPlayer
         className={cn(
-          className,
+          className?.replace(/\bsize-full\b/g, "w-full"),
           isScrubbing || isLoading ? "visible" : "hidden",
         )}
         camera={camera}