diff --git a/app/missions/layout.tsx b/app/missions/layout.tsx
index 9ee151b1..aac9d26b 100644
--- a/app/missions/layout.tsx
+++ b/app/missions/layout.tsx
@@ -16,7 +16,14 @@ export default function MissionsLayout({
       <div className="w-full h-full px-4 pt-12 pb-4 flex">
         {/* Sidebar with light pink background */}
         <div className="w-[234px] min-w-[234px] bg-pink-50 border-r border-gray-100 overflow-y-auto">
-          <nav>
+          {/* Title section */}
+          <div className="bg-pink-50 py-4 px-6 border-b border-pink-100">
+            <h2 className="text-lg font-medium text-gray-800">CAP</h2>
+            <p className="text-xs text-gray-600">Centre d'Administration et de Pilotage</p>
+          </div>
+          
+          {/* Navigation links */}
+          <nav className="mt-4">
             <Link href="/missions" passHref>
               <div className={`px-6 py-[10px] ${pathname === "/missions" ? "bg-white" : ""} hover:bg-white`}>
                 <span className="text-sm font-normal text-gray-700">Mes Missions</span>
diff --git a/app/missions/new/page.tsx b/app/missions/new/page.tsx
index a16096cf..8eccde94 100644
--- a/app/missions/new/page.tsx
+++ b/app/missions/new/page.tsx
@@ -10,7 +10,7 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbS
 export default function NewMissionPage() {
   return (
     <div className="flex flex-col h-full w-full bg-white">
-      <div className="bg-gray-50 px-4 py-2 border-b border-gray-200">
+      <div className="bg-white border-b border-gray-100 py-2 px-4">
         <Breadcrumb>
           <BreadcrumbList>
             <BreadcrumbItem>
@@ -36,7 +36,7 @@ export default function NewMissionPage() {
         </div>
       </div>
       
-      <div className="flex-1 overflow-auto p-4">
+      <div className="flex-1 overflow-auto p-4 bg-white">
         <MissionsAdminPanel />
       </div>
     </div>