Update app.py

app.py

@@ -82,19 +82,9 @@ additional_inputs=[
 ]
 
 customCSS = """
-.contain {
-  display: flex;
-  flex-direction: column;
-}
-.gradio-container {
-  height: 100vh !important;
-}
-#component-0 {
-  height: 100%;
-}
-#chatbot {
+#component-7 { # this is the default element ID of the chat component
+  height: 800px; # adjust the height as needed
   flex-grow: 1;
-  overflow: auto;
 }
 """
 
@@ -102,6 +92,6 @@ with gr.Blocks(css=customCSS) as demo:
     gr.ChatInterface(
         generate,
         additional_inputs=additional_inputs,
-    ).style("height: 600px;")
+    )
 
 demo.queue().launch(debug=True)