From 00b9d1dd0a760d583f1f99674e777a7e28a09248 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 1 Mar 2026 11:53:49 +0100
Subject: [PATCH] fix: app page layout

---
 components/animate/AnimationEditor.tsx | 2 +-
 components/layout/AppPage.tsx          | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

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>
   );