Update CSS for narrow views

app.py

@@ -153,6 +153,9 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="green")) as demo:
             .responsive-row {
                 flex-direction: column;
             }
+            .model-message {
+                text-align: start;
+            }
             .model-dropdown-container {
                 flex-direction: column;
                 align-items: flex-start;
@@ -176,7 +179,7 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="green")) as demo:
 
     chat_bot = gr.Chatbot(
         type="messages",
-        height="calc(100vh - 320px)",
+        height="calc(100dvh - 280px)",
     )
 
     chat_interface = gr.ChatInterface(