Update app.py

app.py

@@ -80,22 +80,14 @@ additional_inputs=[
     )
 ]
 
-css = """
-    #input-box, #output-box {
-        height: 500px; /* Adjust the height to 500 pixels */
-        overflow: auto; /* Enable scrolling if content exceeds box height */
-        border: 1px solid #ccc; /* Add border for better visibility */
-        padding: 10px; /* Add padding for better spacing */
-      }
-"""
-
-with gr.Blocks(css=css) as demo:
+with gr.Blocks() as demo:
     gr.HTML("<h1><center>Mistral-7B-Chat 💬<h1><center>")
-    chatbot = gr.Chatbot(height=500)  # Create the chat window with desired height
-    gr.ChatInterface(
-        generate,  # Conversation generator function
-        additional_inputs=additional_inputs,  # Additional input components (if any)
-        examples=[["Joke on darth vader and gandalf"], ["Write me a recipe for Butter Chicken."]],
-        chat=chatbot  # Pass the created chatbot instance
+    gr.Box(
+        gr.ChatInterface(
+            generate,
+            additional_inputs=additional_inputs,
+            examples=[["Joke on darth vader and gandalf"], ["Write me a recipe for Butter Chicken."]]
+        ),
+        style="border: 1px solid #ccc; height: 600px; overflow-y: auto;"
     )
 demo.queue().launch(debug=True)