Update app.py

app.py

@@ -80,14 +80,21 @@ additional_inputs=[
     )
 ]
 
-with gr.Blocks() as demo:
+css = """
+    #input-box {
+        height: 300px;
+    }
+    #output-box {
+        height: 600px;
+        overflow-y: auto;
+    }
+"""
+
+with gr.Blocks(css=css) as demo:
     gr.HTML("<h1><center>Mistral-7B-Chat 💬<h1><center>")
-    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;"
+    gr.ChatInterface(
+        generate,
+        additional_inputs=additional_inputs,
+        examples=[["Joke on darth vader and gandalf"], ["Write me a recipe for Butter Chicken."]]
     )
 demo.queue().launch(debug=True)