1

video-gen-app/src/components/Layout/AppLayout.tsx

@@ -917,7 +917,7 @@ const AppLayout: React.FC = () => {
       minHeight: '100vh',
     }}>
       <ActivityBanner onVisibilityChange={(v) => setBannerVisible(v)} />
-      <div style={{ display: 'flex', position: 'relative', padding: 4, gap: 12 }}>
+      <div style={{ display: 'flex', position: 'relative', padding: 4, gap: 12, minHeight: 'calc(100vh - 8px)' }}>
       <div className="desktop-sidebar" style={{
         width: sidebarW, position: 'sticky', top: 4, alignSelf: 'flex-start', zIndex: 100,
         height: 'calc(100vh - 8px)',
@@ -1140,22 +1140,14 @@ const AppLayout: React.FC = () => {
 
       <div className="desktop-content" style={{
         flex: 1,
-        minHeight: 'calc(100vh - 8px)',
-        background: 'transparent',
-        padding: 0,
+        background: '#f1f2f3',
+        borderRadius: '20px',
+        boxShadow: '0 4px 32px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04)',
+        padding: '24px 32px 32px',
+        border: '1px solid rgba(0, 0, 0, 0.06)',
+        overflow: 'hidden',
       }}>
-        <div style={{
-          boxSizing: 'border-box',
-          height: '100%',
-          background: '#f1f2f3',
-          borderRadius: '20px',
-          boxShadow: '0 4px 32px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04)',
-          minHeight: '100%',
-          padding: '24px 32px 32px',
-          border: '1px solid rgba(0, 0, 0, 0.06)',
-        }}>
-          {!isMobile && <Outlet />}
-        </div>
+        {!isMobile && <Outlet />}
       </div>
       </div>
 

video-gen-app/src/pages/GeneratePage.tsx

@@ -1957,7 +1957,7 @@ const GeneratePage: React.FC = () => {
     style={{
       margin: '-24px -32px -32px',
             borderRadius: 20,
-            height: 'calc(100vh - 34px)',
+            height: 'calc(100vh - 8px)',
             padding:'24px',
             background: '#fff',
             overflowY: 'auto'