Update app.py

app.py

@@ -24,16 +24,23 @@ def respond(user_message, history):
     return bot_response
 
 with gr.Blocks(css="""
-    body, html, #root, .gradio-container {
+    html, body, #root, .gradio-container {
         height: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }
-    .full-height {
+    .chat-wrapper {
         height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+    .chat-interface {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
     }
 """) as demo:
-    with gr.Row(elem_classes=["full-height"]):
-        gr.ChatInterface(fn=respond, chatbot=gr.Chatbot(), fill_height=True)
+    with gr.Column(elem_classes=["chat-wrapper"]):
+        gr.ChatInterface(fn=respond, chatbot=gr.Chatbot(), elem_classes=["chat-interface"])
 
 demo.launch()