diff --git a/css/chat.css b/css/chat.css
index 1e703530..dee76beb 100644
--- a/css/chat.css
+++ b/css/chat.css
@@ -29,3 +29,6 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
   padding: 0;
 }
 
+#gradio-chatbot {
+  height: 66.67vh;
+}
diff --git a/server.py b/server.py
index 50af759e..27223f84 100644
--- a/server.py
+++ b/server.py
@@ -295,7 +295,7 @@ def create_interface():
                 if shared.args.cai_chat:
                     shared.gradio['display'] = gr.HTML(value=generate_chat_html(shared.history['visible'], shared.settings['name1'], shared.settings['name2'], shared.character))
                 else:
-                    shared.gradio['display'] = gr.Chatbot(value=shared.history['visible']).style(color_map=("#326efd", "#212528"))
+                    shared.gradio['display'] = gr.Chatbot(value=shared.history['visible'], elem_id="gradio-chatbot")
                 shared.gradio['textbox'] = gr.Textbox(label='Input')
                 with gr.Row():
                     shared.gradio['Generate'] = gr.Button('Generate')