From f1a9b3c13391a586b7a767aa82e87387cd158c21 Mon Sep 17 00:00:00 2001
From: Tarulata Priya <tarulatapriya@gmail.com>
Date: Sun, 18 Oct 2026 20:26:31 +0530
Subject: [PATCH] fix(layout): make video preview sticky while scrolling
 editing tools (#1511)

---
 src/components/VideoEditor.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index 38045cf01..33c1d487b 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -469,7 +469,12 @@ export default function VideoEditor() {
         <div className="grid grid-cols-1 lg:grid-cols-[1fr_340px] gap-5">
           <div className="space-y-4 min-w-0">
             {!file && <PrivacyBanner />}
-            <div className="bg-[var(--surface)] rounded-xl p-3 border border-[var(--border)] animate-fade-in">
+            <div
+              className={cn(
+                "bg-[var(--surface)] rounded-xl p-3 border border-[var(--border)] animate-fade-in",
+                file && "lg:sticky lg:top-16 lg:z-30 lg:shadow-md"
+              )}
+            >
               <FileUpload
                 onFileSelect={handleFileSelect}
                 currentFile={file}