diff --git a/components/animate/AnimationEditor.tsx b/components/animate/AnimationEditor.tsx
index 246a49c..3f3df19 100644
--- a/components/animate/AnimationEditor.tsx
+++ b/components/animate/AnimationEditor.tsx
@@ -96,7 +96,7 @@ export function AnimationEditor() {
       {/* ── Main layout ─────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)', minHeight: '660px' }}
+        style={{ height: 'calc(100svh - 220px)', minHeight: '620px' }}
       >
 
         {/* Left: Settings + Properties */}
diff --git a/components/layout/AppPage.tsx b/components/layout/AppPage.tsx
index 6e7ddef..69b6f15 100644
--- a/components/layout/AppPage.tsx
+++ b/components/layout/AppPage.tsx
@@ -8,11 +8,9 @@ interface AppPageProps {
 
 export function AppPage({ children, className }: AppPageProps) {
   return (
-    <div className={cn('min-h-screen', className)}>
-      <div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in">
-        <div className="py-8">
-          {children}
-        </div>
+    <div className={cn('overflow-y-auto', className)}>
+      <div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in py-6 lg:py-8">
+        {children}
       </div>
     </div>
   );