fix: position dropdown menus below their respective buttons

app.py

@@ -1519,16 +1519,27 @@ def create_interface() -> gr.Blocks:
     /* Dropdown styling and z-index */
     .gr-dropdown {
         z-index: 999 !important;
+        position: relative !important;
     }
 
     .gr-dropdown-container {
         z-index: 999 !important;
         overflow: visible !important;
+        position: relative !important;
     }
 
+    /* Dropdown menu positioning - appear below button */
+    .gr-dropdown ul[role="listbox"],
+    .gr-dropdown .options,
     .gr-dropdown-menu {
-        z-index: 999 !important;
+        z-index: 9999 !important;
         overflow: visible !important;
+        position: absolute !important;
+        top: 100% !important;
+        left: 0 !important;
+        width: 100% !important;
+        max-height: 300px !important;
+        overflow-y: auto !important;
     }
 
     /* Loading page styling */