Update app.py

app.py

@@ -37,6 +37,14 @@ examples = [
     "How can I reach out to Jisu?",
 ]
 
+css = """
+#chatbot {
+    flex-grow: 1 !important;
+    overflow: auto !important;
+}
+#col { height: calc(100vh - 112px - 16px) !important; }
+"""
+
 with gr.Blocks(theme='gradio/soft', fill_height=True) as demo:
     gr.Markdown(
     """
@@ -57,7 +65,7 @@ with gr.Blocks(theme='gradio/soft', fill_height=True) as demo:
 
     I am currently under development. If there are errors or improvements, feel free to share with Jisu! You don't know how to reach out to Jisu? **Ask me!**
     """)
-    gr.ChatInterface(predict, examples=examples)
+    gr.ChatInterface(fn=predict, chatbot=gr.Chatbot(elem_id="chatbot", render=False), examples=examples)
     
 if __name__ == "__main__":
     demo.launch(share=True)