diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index cdb45497..d91f5408 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -78,14 +78,16 @@ export default async function RootLayout({
     : null;
 
   return (
-    <>
+    <div className="flex min-h-screen flex-col">
       <Nav
         session={session}
         algoliaSearchConfig={algoliaSearchConfig}
         username={userData?.username || null}
       />
-      {children}
+      <main className="relative mx-auto w-full max-w-2xl flex-grow bg-neutral-100 dark:bg-black sm:mx-auto">
+        {children}
+      </main>
       <Footer />
-    </>
+    </div>
   );
 }