diff --git a/src/renderer/src/pages/video/VideoPage.tsx b/src/renderer/src/pages/video/VideoPage.tsx
index 6e82a2c5cb..e554252d80 100644
--- a/src/renderer/src/pages/video/VideoPage.tsx
+++ b/src/renderer/src/pages/video/VideoPage.tsx
@@ -130,7 +130,7 @@ export const VideoPage = () => {
       <Navbar>
         <NavbarCenter style={{ borderRight: 'none' }}>{t('video.title')}</NavbarCenter>
       </Navbar>
-      <div id="content-container" className="flex max-h-full flex-1">
+      <div id="content-container" className="flex flex-1 overflow-hidden">
         {/* Settings */}
         <div className="flex w-70 flex-col p-2">
           <SettingsGroup>
diff --git a/src/renderer/src/pages/video/VideoPanel.tsx b/src/renderer/src/pages/video/VideoPanel.tsx
index bf5492cea0..8a3a5de677 100644
--- a/src/renderer/src/pages/video/VideoPanel.tsx
+++ b/src/renderer/src/pages/video/VideoPanel.tsx
@@ -229,7 +229,7 @@ export const VideoPanel = ({ provider, video, params, updateParams }: VideoPanel
   }, [handleUploadFile, inputReference, isPending, t, updateParams])
 
   return (
-    <div className="flex flex-1 flex-col p-2">
+    <div className="flex flex-1 flex-col overflow-hidden p-2">
       <div className="m-8 flex-1 overflow-hidden">
         <Skeleton className="h-full w-full rounded-2xl" classNames={{ content: 'h-full w-full' }} isLoaded={true}>
           {video && <VideoViewer video={video} onDownload={handleDownloadVideo} onRegenerate={handleRegenerateVideo} />}