change the dropdown

styles/leaderboard_styles.py

@@ -466,8 +466,30 @@ def get_leaderboard_css():
     }
 
     /* Force dropdown text color */
-    .gradio-dropdown *, .model-dropdown * {
+    /* .gradio-dropdown *, .model-dropdown * {
         color: white !important;
+    } */
+
+    /* Gradio 5.x compatible dropdown styling */
+    .gradio-container .gradio-dropdown,
+    .gradio-container [data-testid="dropdown"],
+    .gradio-container select {
+        background-color: rgba(1, 9, 26, 0.95) !important;
+        color: white !important;
+        border: 1px solid rgba(245, 246, 247, 0.12) !important;
+    }
+
+    .gradio-container .gradio-dropdown option,
+    .gradio-container select option {
+        background-color: rgba(1, 9, 26, 0.95) !important;
+        color: white !important;
+    }
+
+    /* Target the actual visible text in dropdown */
+    .gradio-container [role="combobox"],
+    .gradio-container .gradio-dropdown .wrap > div {
+        color: white !important;
+        background-color: rgba(1, 9, 26, 0.95) !important;
     }
 
     </style>