Update app.py

app.py

@@ -86,7 +86,7 @@ def respond(message, api_key, max_tokens, top_p, temperature):
 
 def render_message(history):
     messages_html = """
-    <div id="chatbox-container" class="chatbox" style="height: 400px; overflow-y: auto; border: 1px solid #262626; padding: 10px; background-color: #171717;">
+    <div id="chatbox-container" class="chatbox" style=".chatbox height: 400px; overflow: auto; border: 1px solid #262626; padding: 10px; background-color: #171717; display: flex;  flex-direction: column-reverse;">
         <div id="messages">"""
 
     for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history:
@@ -129,7 +129,7 @@ function Scrolldown() {
  }
 """
 
-with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #262626; padding: 10px; background-color: #171717;}", js=js) as demo:
+with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #262626; padding: 10px; background-color: #171717; display: flex;  flex-direction: column-reverse;}", js=js) as demo:
 
     with gr.Column(visible=True) as auth_view:
         gr.Markdown("## P-MSQ Authorization")