Update app.py

app.py

@@ -83,7 +83,7 @@ def generate_rom_page(rom_name):
 
 # Gradio App
 def gradio_app():
-    with gr.Blocks() as app:
+    with gr.Blocks(css=".gradio-dropdown { max-height: 400px; overflow-y: auto; }") as app:
         gr.Markdown("# 🎮 Retro ROM File Server")
 
         # List available ROMs and create a button for each
@@ -91,12 +91,8 @@ def gradio_app():
 
         # Display the available ROM files
         with gr.Column():
-            # Create dropdown with a custom CSS for scrollable effect
-            rom_buttons = gr.Dropdown(choices=rom_files, label="Select a ROM to Play", interactive=True)
-            
-            # Add custom CSS for the dropdown to make it scrollable
-            rom_buttons.style(container=True)
-            rom_buttons.elem.style.update({"max-height": "400px", "overflow-y": "auto"})
+            # Create dropdown with a custom CSS class
+            rom_buttons = gr.Dropdown(choices=rom_files, label="Select a ROM to Play", interactive=True, elem_id="rom-dropdown")
             
             output_html = gr.HTML(value="Please select a ROM to play.")
             
@@ -124,3 +120,4 @@ gradio_app()
 
 
 
+