diff --git a/src/views/Layout.tsx b/src/views/Layout.tsx
index c7bbf59..c9fb55d 100644
--- a/src/views/Layout.tsx
+++ b/src/views/Layout.tsx
@@ -3,11 +3,13 @@ import { Outlet } from "@tanstack/react-router";
 
 export default function Layout() {
   return (
-    <div className="flex h-full w-full flex-col p-1">
+    <div className="flex h-screen w-full flex-col overflow-hidden p-1">
       <Navbar />
-      <div className="h-full w-full p-3 pt-1">
-        <div className="flex h-full flex-row justify-center gap-8 overflow-clip rounded-xl border-2 border-black bg-gray-200/60 dark:border-white dark:bg-gray-900">
-          <Outlet />
+      <div className="w-full flex-1 overflow-hidden p-3 pt-1">
+        <div className="h-full max-h-full w-full overflow-hidden rounded-xl border-2 border-black bg-gray-200/60 dark:border-white dark:bg-gray-900">
+          <div className="h-full w-full overflow-auto">
+            <Outlet />
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/views/Pages.tsx b/src/views/Pages.tsx
index 00a8af8..f78a60c 100644
--- a/src/views/Pages.tsx
+++ b/src/views/Pages.tsx
@@ -109,7 +109,7 @@ export default function Pages() {
   }
 
   return (
-    <div className="mx-2 my-3 h-full w-full">
+    <div className="mx-2 my-3 flex flex-col">
       <TitleBar
         title="PAGES"
         extra={