Update app.py

app.py

@@ -62,13 +62,13 @@ def generate_text(input_text, selected_model, history):
 
 # Inject custom CSS directly into the Gradio interface for scrollbars
 css = """
-    #response-output {
+    .output-textbox {
         height: 150px;
         overflow: auto;
         border: 1px solid #ddd;
         padding: 10px;
     }
-    #history-output {
+    .history-textbox {
         height: 300px;
         overflow: auto;
         border: 1px solid #ddd;
@@ -85,8 +85,8 @@ iface = gr.Interface(
         gr.State()  # This is where we maintain the history state (input)
     ],
     outputs=[
-        gr.Textbox(label="Response", placeholder="Response will be shown here", elem_id="response-output"),
-        gr.Textbox(label="History", placeholder="Interaction history will be shown here", lines=10, interactive=False, elem_id="history-output"),
+        gr.Textbox(label="Response", placeholder="Response will be shown here", elem_classes=["output-textbox"]),
+        gr.Textbox(label="History", placeholder="Interaction history will be shown here", lines=10, interactive=False, elem_classes=["history-textbox"]),
         gr.State()  # History needs to be output as well
     ],
     title="Chat with OpenRouter Models",