Update app.py

app.py

@@ -587,6 +587,13 @@ footer {
     display: flex;
     flex-direction: column;
 }
+
+/* Center form elements */
+.form-row {
+    display: flex;
+    justify-content: center;
+    margin: 10px 0;
+}
 """
 
 # Gradio Interface Setup with improved UX
@@ -627,15 +634,14 @@ def chatbot_interface():
                 elem_id="welcome-title"
             )
 
-            with gr.Row(scale=0):
+            with gr.Row(elem_classes=["form-row"]):
                 first_name = gr.Textbox(
                     label="Nickname",
-                    placeholder="Enter your Nickname",
-                    scale=1
+                    placeholder="Enter your Nickname"
                 )
                
-            with gr.Row(scale=0):
-                submit_btn = gr.Button("Start Chatting", variant="primary", scale=2)
+            with gr.Row(elem_classes=["form-row"]):
+                submit_btn = gr.Button("Start Chatting", variant="primary")
                 
             response_message = gr.Markdown(elem_id="welcome-message")
             
@@ -664,4 +670,5 @@ def chatbot_interface():
 # Launch the interface
 if __name__ == "__main__":
     # Launch the interface
-    chatbot_interface().launch(share=True, inbrowser=True, debug=True)
+    chatbot_interface().launch(share=True, inbrowser=True, debug=True)
+