diff --git a/components/missions/missions-admin-panel.tsx b/components/missions/missions-admin-panel.tsx
index eae84a51..572068e6 100644
--- a/components/missions/missions-admin-panel.tsx
+++ b/components/missions/missions-admin-panel.tsx
@@ -644,7 +644,7 @@ export function MissionsAdminPanel() {
                             variant="outline" 
                             size="sm" 
                             onClick={() => removeUserRole('temps')}
-                            className="text-red-600 hover:bg-red-50 border-red-200 h-8"
+                            className="text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8"
                             disabled={loading}
                           >
                             <X size={16} className="mr-1" />
@@ -700,7 +700,7 @@ export function MissionsAdminPanel() {
                             variant="outline" 
                             size="sm" 
                             onClick={() => removeUserRole('parole')}
-                            className="text-red-600 hover:bg-red-50 border-red-200 h-8"
+                            className="text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8"
                             disabled={loading}
                           >
                             <X size={16} className="mr-1" />
@@ -756,7 +756,7 @@ export function MissionsAdminPanel() {
                             variant="outline" 
                             size="sm" 
                             onClick={() => removeUserRole('memoire')}
-                            className="text-red-600 hover:bg-red-50 border-red-200 h-8"
+                            className="text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8"
                             disabled={loading}
                           >
                             <X size={16} className="mr-1" />
@@ -814,7 +814,9 @@ export function MissionsAdminPanel() {
                           variant={selectedTab === 'users' ? 'default' : 'outline'} 
                           size="sm"
                           onClick={() => setSelectedTab('users')}
-                          className={selectedTab === 'users' ? 'bg-blue-600 text-white' : 'text-gray-700'}
+                          className={selectedTab === 'users' 
+                            ? 'bg-blue-600 text-white hover:bg-blue-700' 
+                            : 'text-gray-700 bg-white hover:bg-gray-50 border border-gray-300'}
                           disabled={loading}
                         >
                           <Users size={16} className="mr-1" />
@@ -824,7 +826,9 @@ export function MissionsAdminPanel() {
                           variant={selectedTab === 'groups' ? 'default' : 'outline'} 
                           size="sm"
                           onClick={() => setSelectedTab('groups')}
-                          className={selectedTab === 'groups' ? 'bg-blue-600 text-white' : 'text-gray-700'}
+                          className={selectedTab === 'groups' 
+                            ? 'bg-blue-600 text-white hover:bg-blue-700' 
+                            : 'text-gray-700 bg-white hover:bg-gray-50 border border-gray-300'}
                           disabled={loading}
                         >
                           <Users size={16} className="mr-1" />
@@ -889,14 +893,14 @@ export function MissionsAdminPanel() {
                                           if (gardienDeLaParole === user.id) removeUserRole('parole');
                                           if (gardienDeLaMemoire === user.id) removeUserRole('memoire');
                                         }}
-                                        className="text-red-600 hover:bg-red-50 border-red-200 h-7 px-2"
+                                        className="text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-7 px-2"
                                         disabled={loading}
                                       >
                                         <X size={14} />
                                       </Button>
                                     </div>
                                   ) : (
-                                    <div className="flex space-x-1">
+                                    <div className="flex space-x-2">
                                       <Button 
                                         variant="outline" 
                                         size="sm" 
@@ -906,7 +910,7 @@ export function MissionsAdminPanel() {
                                           else if (!gardienDeLaMemoire) assignUserRole(user.id, 'memoire');
                                         }}
                                         disabled={(gardienDuTemps !== null && gardienDeLaParole !== null && gardienDeLaMemoire !== null) || loading}
-                                        className="text-blue-600 hover:bg-blue-50 border-blue-200 h-8"
+                                        className="text-blue-600 bg-white hover:bg-blue-50 hover:text-blue-700 border-blue-200 h-8"
                                       >
                                         <UserPlus size={16} className="mr-1" />
                                         Assigner
@@ -939,7 +943,7 @@ export function MissionsAdminPanel() {
                                     variant="outline" 
                                     size="sm"
                                     onClick={() => handleViewGroupMembers(group.id, group.name)}
-                                    className="text-blue-600 hover:bg-blue-50 border-blue-200 h-8"
+                                    className="text-blue-600 bg-white hover:bg-blue-50 hover:text-blue-700 border-blue-200 h-8"
                                     disabled={loading}
                                   >
                                     <Users size={16} className="mr-1" />