diff --git a/app/missions/page.tsx b/app/missions/page.tsx
index 4446a80c..2cd05613 100644
--- a/app/missions/page.tsx
+++ b/app/missions/page.tsx
@@ -33,6 +33,7 @@ interface Mission {
   createdAt: string;
   creator: User;
   missionUsers: MissionUser[];
+  intention?: string;
 }
 
 export default function MissionsPage() {
@@ -204,9 +205,25 @@ export default function MissionsPage() {
                     {/* Card Header with Name and Level */}
                     <div className="px-5 pt-4 pb-3 flex justify-between items-center border-b border-gray-100">
                       <h2 className="text-base font-medium text-gray-900 line-clamp-2 flex-1">{mission.name}</h2>
-                      <span className={`ml-2 flex-shrink-0 text-sm font-bold px-2.5 py-1.5 rounded-md ${niveauColor}`}>
-                        {getNiveauLabel(mission.niveau)}
-                      </span>
+                      <div className="flex items-center gap-2 ml-2">
+                        {/* ODD scope icon moved next to level badge */}
+                        {oddInfo.number && (
+                          <div className="flex items-center bg-gray-100 p-1 rounded-md">
+                            <img 
+                              src={oddInfo.iconPath} 
+                              alt={oddInfo.label}
+                              className="w-8 h-8" 
+                              onError={(e) => {
+                                // Fallback if image fails to load
+                                (e.target as HTMLImageElement).style.display = 'none';
+                              }}
+                            />
+                          </div>
+                        )}
+                        <span className={`flex-shrink-0 text-sm font-bold px-2.5 py-1.5 rounded-md ${niveauColor}`}>
+                          {getNiveauLabel(mission.niveau)}
+                        </span>
+                      </div>
                     </div>
                     
                     {/* Centered Logo */}
@@ -238,12 +255,13 @@ export default function MissionsPage() {
                       </div>
                     </div>
                       
-                    {/* Card Content - Only Services section */}
+                    {/* Card Content - Services and Description */}
                     <div className="px-5 pb-3">
+                      {/* Services section */}
                       {mission.services && mission.services.length > 0 && (
                         <div>
                           <span className="text-sm font-medium text-gray-700 block mb-1">Services:</span>
-                          <div className="flex flex-wrap gap-1.5">
+                          <div className="flex flex-wrap gap-1.5 mb-3">
                             {mission.services.map(service => (
                               <span key={service} className="bg-blue-50 text-blue-700 px-2 py-1 rounded-md text-xs font-medium">
                                 {service}
@@ -253,22 +271,10 @@ export default function MissionsPage() {
                         </div>
                       )}
                       
-                      {/* ODD scope icon - moved here and enlarged */}
-                      {oddInfo.number && (
-                        <div className="flex justify-center mt-4">
-                          <div className="flex items-center justify-center bg-gray-100 p-2 rounded-md">
-                            <img 
-                              src={oddInfo.iconPath} 
-                              alt={oddInfo.label}
-                              className="w-10 h-10" 
-                              onError={(e) => {
-                                // Fallback if image fails to load
-                                (e.target as HTMLImageElement).style.display = 'none';
-                              }}
-                            />
-                          </div>
-                        </div>
-                      )}
+                      {/* Description text (can be added from mission data) */}
+                      <div className="mt-2 text-sm text-gray-600 line-clamp-2">
+                        {mission.intention ? mission.intention.substring(0, 100) + (mission.intention.length > 100 ? '...' : '') : 'Pas de description disponible.'}
+                      </div>
                     </div>
                       
                     {/* Card Footer */}
@@ -278,7 +284,7 @@ export default function MissionsPage() {
                       </span>
                       
                       <Link href={`/missions/${mission.id}`}>
-                        <Button className="bg-black hover:bg-gray-800 text-white text-xs px-3 py-1 h-7 rounded-md">
+                        <Button className="bg-blue-600 hover:bg-blue-700 text-white text-xs px-3 py-1 h-7 rounded-md">
                           Voir détails
                         </Button>
                       </Link>