diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index b20f2f5..f21a2ca 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -41,16 +41,18 @@ export const metadata: Metadata = {
 const RootLayout = ({ children }: { children: React.ReactNode }) => (
   <html
     lang="en"
-    className={`h-full ${roboto.variable} ${robotoMono.variable} ${ibmPlexSans.variable}`}
+    className={`${roboto.variable} ${robotoMono.variable} ${ibmPlexSans.variable}`}
   >
     <Suspense>
       <PostHogPageview />
     </Suspense>
     <ModalProvider>
       <PHProvider>
-        <body className="container mx-auto flex h-full flex-col justify-between text-base">
+        <body className="container mx-auto flex h-screen flex-col text-base">
           <Header />
-          {children}
+          <div className="flex grow items-center justify-center">
+            {children}
+          </div>
           <Footer />
         </body>
       </PHProvider>
