From fc49614a87a89efd3372a2c7e6ed63b81c6de064 Mon Sep 17 00:00:00 2001
From: Anil Matcha <matcha72@gmail.com>
Date: Mon, 23 Mar 2026 00:16:14 +0530
Subject: [PATCH] fix: remove overflow-x-auto from VideoStudio controls row

overflow-x-auto implicitly sets overflow-y:auto, creating a clipping
context that cut off the upward-opening position:absolute dropdown
panels. Changed to flex-wrap so buttons wrap on narrow screens and
dropdowns display correctly.
---
 packages/studio/src/components/VideoStudio.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/studio/src/components/VideoStudio.jsx b/packages/studio/src/components/VideoStudio.jsx
index 3807b7d..851c109 100644
--- a/packages/studio/src/components/VideoStudio.jsx
+++ b/packages/studio/src/components/VideoStudio.jsx
@@ -837,7 +837,7 @@ export default function VideoStudio({ apiKey, onGenerationComplete, historyItems
 
                             {/* Bottom row: controls + generate */}
                             <div className="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-4 px-2 pt-4 border-t border-white/5">
-                                <div className="flex items-center gap-1.5 md:gap-2.5 relative overflow-x-auto no-scrollbar pb-1 md:pb-0">
+                                <div className="flex items-center gap-1.5 md:gap-2.5 relative flex-wrap">
 
                                     {/* Model btn */}
                                     <div ref={modelBtnRef} className="relative">