diff --git a/src/app/chain/page.tsx b/src/app/chain/page.tsx
index df2c72bf..c28db283 100644
--- a/src/app/chain/page.tsx
+++ b/src/app/chain/page.tsx
@@ -56,7 +56,7 @@ export default function ChainPlotPage() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to chain a plot.
         </p>
@@ -66,7 +66,7 @@ export default function ChainPlotPage() {
 
   if (state === "published") {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-6 px-6">
         <h1 className="text-accent text-2xl font-bold">Plot chained!</h1>
         <div className="flex gap-3">
           {storylineId && (
diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx
index 7158cd0b..1a7f6870 100644
--- a/src/app/create/page.tsx
+++ b/src/app/create/page.tsx
@@ -38,7 +38,7 @@ export default function CreateStorylinePage() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to create a storyline.
         </p>
@@ -48,7 +48,7 @@ export default function CreateStorylinePage() {
 
   if (state === "published") {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-6 px-6">
         <h1 className="text-accent text-2xl font-bold">Storyline created!</h1>
         <div className="flex gap-3">
           <Link
diff --git a/src/app/dashboard/reader/page.tsx b/src/app/dashboard/reader/page.tsx
index 0d9c5c63..8dd0f401 100644
--- a/src/app/dashboard/reader/page.tsx
+++ b/src/app/dashboard/reader/page.tsx
@@ -52,7 +52,7 @@ export default function ReaderDashboard() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to view your dashboard.
         </p>
diff --git a/src/app/dashboard/writer/page.tsx b/src/app/dashboard/writer/page.tsx
index dfa0b45b..c14a1c99 100644
--- a/src/app/dashboard/writer/page.tsx
+++ b/src/app/dashboard/writer/page.tsx
@@ -35,7 +35,7 @@ export default function WriterDashboard() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to view your dashboard.
         </p>
diff --git a/src/app/discover/page.tsx b/src/app/discover/page.tsx
index bab6d5a7..aa7696fb 100644
--- a/src/app/discover/page.tsx
+++ b/src/app/discover/page.tsx
@@ -21,7 +21,7 @@ export default async function DiscoverPage({
   const supabase = createServerClient();
   if (!supabase) {
     return (
-      <div className="flex min-h-screen items-center justify-center">
+      <div className="flex min-h-[calc(100vh-2.75rem)] items-center justify-center">
         <p className="text-muted text-sm">Database unavailable</p>
       </div>
     );
diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index 92c394b4..8209a710 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -189,7 +189,7 @@ function PlotEntry({ plot }: { plot: Plot }) {
 
 function NotFound({ message }: { message: string }) {
   return (
-    <div className="flex min-h-screen flex-col items-center justify-center px-6">
+    <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center px-6">
       <p className="text-muted text-sm">{message}</p>
     </div>
   );