diff --git a/packages/common/components/src/ui/layout/base.tsx b/packages/common/components/src/ui/layout/base.tsx
index c3c59eaad..7407b853f 100644
--- a/packages/common/components/src/ui/layout/base.tsx
+++ b/packages/common/components/src/ui/layout/base.tsx
@@ -11,7 +11,9 @@ export function BaseLayout({ children }: { children: React.ReactNode }) {
       <div className="flex h-[calc(100vh-50px)]">
         <LNB />
         <div className="flex flex-1 flex-col">
-          <div className="flex-1">{children}</div>
+          <div className="max-h-[calc(100%-50px)] flex-1 overflow-auto">
+            {children}
+          </div>
           <Footer />
         </div>
       </div>
diff --git a/packages/common/components/src/ui/layout/footer.tsx b/packages/common/components/src/ui/layout/footer.tsx
index 8edeedad6..a072d1e9f 100644
--- a/packages/common/components/src/ui/layout/footer.tsx
+++ b/packages/common/components/src/ui/layout/footer.tsx
@@ -1,6 +1,6 @@
 export function Footer() {
   return (
-    <footer className="flex h-[5rem] w-full items-center border-t border-solid border-border p-4">
+    <footer className="flex h-[5rem] w-full shrink-0 items-center border-t border-solid border-border p-4">
       <p>© 2025 Ona And All. All Rights Reserved.</p>
     </footer>
   );