diff --git a/client/src/pages/AdminRappels.tsx b/client/src/pages/AdminRappels.tsx
index 2b65d4e..aec9acc 100644
--- a/client/src/pages/AdminRappels.tsx
+++ b/client/src/pages/AdminRappels.tsx
@@ -296,14 +296,16 @@ export default function AdminRappels() {
               {group.sequenceNom}
             </Badge>
             <span className="text-gray-400 text-sm">:</span>
-            <span className="text-gray-600 text-sm font-medium">
-              {group.dates.map((d: any, idx: number) => (
-                <span key={idx}>
-                  {idx > 0 && ", "}
-                  Date {d.ordre}
-                </span>
-              ))}
-            </span>
+            {group.dates.map((d: any, idx: number) => (
+              <Badge 
+                key={idx}
+                variant="outline"
+                className="bg-orange-50 text-orange-700 border-orange-300 text-xs"
+              >
+                <Calendar className="w-3 h-3 mr-1" />
+                Date {d.ordre}
+              </Badge>
+            ))}
           </div>
         ))}
       </div>
diff --git a/todo.md b/todo.md
index 7c0d6ac..cc3f8a8 100644
--- a/todo.md
+++ b/todo.md
@@ -1129,3 +1129,9 @@
 - [x] Conserver le format compact sur une seule ligne
 - [x] Tester les modifications sur sandbox
 - [x] Déployer sur le serveur de production
+
+## Ajout badges pour les dates
+
+- [x] Ajouter des badges colorés pour chaque date
+- [x] Tester les modifications sur sandbox
+- [x] Déployer sur le serveur de production