diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index cdb45497..e73a6071 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -79,13 +79,15 @@ export default async function RootLayout({
 
   return (
     <>
-      <Nav
-        session={session}
-        algoliaSearchConfig={algoliaSearchConfig}
-        username={userData?.username || null}
-      />
-      {children}
-      <Footer />
+      <div className="grid min-h-screen grid-rows-[auto_1fr_auto]">
+        <Nav
+          session={session}
+          algoliaSearchConfig={algoliaSearchConfig}
+          username={userData?.username || null}
+        />
+        {children}
+        <Footer />
+      </div>
     </>
   );
 }
diff --git a/app/(app)/my-posts/_client.tsx b/app/(app)/my-posts/_client.tsx
index ee9cfcd6..8e404e03 100644
--- a/app/(app)/my-posts/_client.tsx
+++ b/app/(app)/my-posts/_client.tsx
@@ -108,7 +108,7 @@ const MyPosts = () => {
           cancelText="Cancel"
         />
       )}
-      <div className="relative mx-4 max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
+      <div className="w-auto sm:w-full relative mx-4 max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
         <div className="mb-4 mt-8">
           <Tabs tabs={tabs} />
         </div>