diff --git a/app/mission-tab/[missionId]/page.tsx b/app/mission-tab/[missionId]/page.tsx
index eecf8415..dc88c14f 100644
--- a/app/mission-tab/[missionId]/page.tsx
+++ b/app/mission-tab/[missionId]/page.tsx
@@ -138,7 +138,7 @@ export default function MissionTabDetailPage() {
   // Loading state
   if (loading) {
     return (
-      <div className="flex justify-center items-center min-h-screen bg-gray-50">
+      <div className="flex justify-center items-center h-[calc(100vh-64px)] bg-gray-50">
         <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-600"></div>
       </div>
     );
@@ -147,7 +147,7 @@ export default function MissionTabDetailPage() {
   // Error state if mission not found
   if (!mission) {
     return (
-      <div className="flex justify-center items-center min-h-screen bg-gray-50 px-4">
+      <div className="flex justify-center items-center h-[calc(100vh-64px)] bg-gray-50 px-4">
         <div className="text-center bg-white p-8 rounded-lg shadow-sm border border-gray-200 max-w-md">
           <h2 className="text-xl font-semibold text-gray-800 mb-2">Mission non trouvée</h2>
           <p className="text-gray-600 mb-6">Cette mission n'existe pas ou a été supprimée.</p>
@@ -165,7 +165,7 @@ export default function MissionTabDetailPage() {
   const oddInfo = getODDInfo(mission.oddScope);
 
   return (
-    <div className="bg-gray-50 min-h-screen p-6">
+    <div className="bg-gray-50 min-h-[calc(100vh-64px)] p-6 overflow-auto">
       {/* Back Button */}
       <div className="mb-4">
         <Button 
diff --git a/app/mission-tab/page.tsx b/app/mission-tab/page.tsx
index 442e933f..e97343d2 100644
--- a/app/mission-tab/page.tsx
+++ b/app/mission-tab/page.tsx
@@ -125,7 +125,7 @@ export default function MissionTabPage() {
   };
   
   return (
-    <div className="flex flex-col h-full w-full bg-white">
+    <div className="flex flex-col h-[calc(100vh-64px)] w-full bg-white">
       {/* Page Title */}
       <div className="bg-white border-b border-gray-100 py-3 px-6">
         <h1 className="text-gray-800 text-xl font-bold">Le Tableau des Missions</h1>