From 0b75a7ce546e47775cf6be1de02e7c9b61a0e121 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Mon, 12 Jan 2026 15:34:11 +0100
Subject: [PATCH] Mission Tab Refactor Big

---
 app/mission-tab/[missionId]/page.tsx | 2 +-
 app/mission-tab/layout.tsx           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/mission-tab/[missionId]/page.tsx b/app/mission-tab/[missionId]/page.tsx
index ca721b9..25f32e7 100644
--- a/app/mission-tab/[missionId]/page.tsx
+++ b/app/mission-tab/[missionId]/page.tsx
@@ -186,7 +186,7 @@ export default function MissionTabDetailPage() {
   const oddInfo = getODDInfo(mission.oddScope);
 
   return (
-    <div className="bg-gray-50 min-h-[calc(100vh-64px)] p-6 pb-16 overflow-auto">
+    <div className="bg-gray-50 p-6 pb-8">
       {/* Back Button */}
       <div className="mb-4">
         <Button 
diff --git a/app/mission-tab/layout.tsx b/app/mission-tab/layout.tsx
index baa7a8d..dbb3662 100644
--- a/app/mission-tab/layout.tsx
+++ b/app/mission-tab/layout.tsx
@@ -8,8 +8,8 @@ export default function MissionTabLayout({
   children: React.ReactNode;
 }) {
   return (
-    <main className="w-full h-screen bg-white">
-      <div className="w-full h-full px-4 pt-12 pb-4">
+    <main className="w-full h-[calc(100vh-4rem)] bg-white">
+      <div className="w-full h-full px-4 pt-12 pb-4 overflow-auto">
         {children}
       </div>
     </main>