From d45b3cd0b34cf64c24fab7aee185abc821967b80 Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Sun, 25 Oct 2026 17:19:20 +0100
Subject: [PATCH] fix(teams): ensure dark theme styling on group member role
 select dropdown

---
 frontend/src/features/teams/GroupsView.tsx | 40 +++++++++++-----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/frontend/src/features/teams/GroupsView.tsx b/frontend/src/features/teams/GroupsView.tsx
index fc88cf2..7273072 100644
--- a/frontend/src/features/teams/GroupsView.tsx
+++ b/frontend/src/features/teams/GroupsView.tsx
@@ -500,26 +500,26 @@ export const GroupsView: React.FC<GroupsViewProps> = ({ currentUser, onBack }) =
                                   </div>
                                 </div>
 
-                                <div className="flex items-center gap-1.5 flex-shrink-0">
-                                  <select
-                                    value={m.role}
-                                    onChange={(e) =>
-                                      handleChangeMemberRole(
-                                        team.id,
-                                        m.userId,
-                                        e.target.value as 'admin' | 'member'
-                                      )
-                                    }
-                                    className={`h-6 px-1.5 text-[10px] rounded border ${
-                                      isAdmin
-                                        ? 'bg-accent/15 border-accent/40 text-accent font-semibold'
-                                        : 'bg-canvas border-border text-muted'
-                                    }`}
-                                    title="Rolle ändern"
-                                  >
-                                    <option value="member">Mitglied</option>
-                                    <option value="admin">Gruppen-Admin</option>
-                                  </select>
+                                  <div className="flex items-center gap-1.5 flex-shrink-0">
+                                    <select
+                                      value={m.role}
+                                      onChange={(e) =>
+                                        handleChangeMemberRole(
+                                          team.id,
+                                          m.userId,
+                                          e.target.value as 'admin' | 'member'
+                                        )
+                                      }
+                                      className={`h-6 px-1.5 text-[10px] rounded input-field bg-panel cursor-pointer ${
+                                        isAdmin
+                                          ? 'border-accent text-accent font-semibold'
+                                          : 'text-muted'
+                                      }`}
+                                      title="Rolle ändern"
+                                    >
+                                      <option value="member" className="bg-panel text-main">Mitglied</option>
+                                      <option value="admin" className="bg-panel text-main">Gruppen-Admin</option>
+                                    </select>
 
                                   <button
                                     onClick={() => handleRemoveMember(team.id, m.userId, m.displayName)}