diff --git a/src/App.tsx b/src/App.tsx
index ed2483ee..c7da3e50 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,9 +15,9 @@ const PageWrapper = () => {
   const isIndex = pathname === '/';
 
   return (
-    <body className={`font-sans min-h-screen ${isIndex ? 'bg-white' : 'bg-grey-light'}`}>
+    <body className={`font-sans flex flex-col min-h-screen ${isIndex ? 'bg-white' : 'bg-grey-light'}`}>
       <Nav />
-      <main className={`max-w-screen ${isIndex ? 'w-[74rem]' : 'w-256'}`}>
+      <main className={`max-w-screen flex-1 ${isIndex ? 'w-[74rem]' : 'w-256'}`}>
         <Outlet />
       </main>
       <Footer />
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index de43ec1d..d7d4c8c5 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -12,7 +12,7 @@ export default function Nav() {
 
   return (
     <nav
-      className={`relative mx-auto mb-12 flex justify-between items-center pt-12 pb-6 px-4 ${isIndex ? 'max-w-[74rem]' : 'max-w-screen-lg'}`}
+      className={`relative mx-auto mb-12 flex justify-between items-center pt-12 pb-6 px-4 max-w-screen ${isIndex ? 'w-[74rem]' : 'w-[64rem]'}`}
     >
       <div>
         <Link to="/">
