updated UI

app.py

@@ -103,7 +103,7 @@ with gr.Blocks(css=custom_css) as app:
                 search_1 = gr.Textbox(label="Model Search (delimit with , )", 
                                     #   placeholder="Model Search (delimit with , )",
                                       show_label=True)
-                category_selector_1 = gr.Dropdown(categories, label="Sorted By", value="Average", multiselect=False, show_label=True, elem_id="category_selector")
+                category_selector_1 = gr.Dropdown(categories, label="Sorted By", value="Average", multiselect=False, show_label=True, elem_id="category_selector", elem_classes="category_selector_class")
             with gr.Row():
                 # reference data
                 rewardbench_table_hidden = gr.Dataframe(

src/css.py

@@ -23,4 +23,8 @@ h1 {
   margin-top: 0px !important;
 }
 
+.category_selector {
+    width: 25% !important; /* Adjust width as needed */
+}
+
 """