1

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

@@ -917,9 +917,10 @@ const AppLayout: React.FC = () => {
       minHeight: '100vh',
     }}>
       <ActivityBanner onVisibilityChange={(v) => setBannerVisible(v)} />
-      <div style={{ display: 'flex', position: 'relative', padding: 4 }}>
+      <div style={{ display: 'flex', position: 'relative', padding: 4, gap: 12 }}>
       <div className="desktop-sidebar" style={{
-        width: sidebarW, position: 'absolute', left: 16, top: 16, bottom: 16, zIndex: 100,
+        width: sidebarW, position: 'sticky', top: 4, alignSelf: 'flex-start', zIndex: 100,
+        height: 'calc(100vh - 8px)',
         background: 'linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)',
         borderRadius: '20px',
         boxShadow: '0 4px 32px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04)',
@@ -1138,9 +1139,8 @@ const AppLayout: React.FC = () => {
       </div>
 
       <div className="desktop-content" style={{
-        marginLeft: sidebarW + 12,
         flex: 1,
-        minHeight: 'calc(100vh - 32px)',
+        minHeight: 'calc(100vh - 8px)',
         background: 'transparent',
         padding: 0,
       }}>