Update app.py

app.py

@@ -92,20 +92,22 @@ with gr.Blocks() as demo:
     generate_button = gr.Button("Generate Comparisons")
     generate_button.click(generate_comparisons_with_history, inputs=[input_text, selected_models, gr.State()], outputs=[output_comparisons, output_history])
 
-    # Add custom CSS for scrollable output
-    demo.css("""
-        #output-comparisons {
-            height: 300px;
-            overflow: auto;
-            border: 1px solid #ddd;
-            padding: 10px;
-        }
-        #output-history {
-            height: 300px;
-            overflow: auto;
-            border: 1px solid #ddd;
-            padding: 10px;
-        }
+    # Insert custom CSS using gr.HTML()
+    gr.HTML("""
+        <style>
+            #output-comparisons {
+                height: 300px;
+                overflow: auto;
+                border: 1px solid #ddd;
+                padding: 10px;
+            }
+            #output-history {
+                height: 300px;
+                overflow: auto;
+                border: 1px solid #ddd;
+                padding: 10px;
+            }
+        </style>
     """)
 
 demo.launch()