Update app.py

app.py

@@ -229,11 +229,19 @@ custom_css = """
 /* Override the background color for user messages in the Chatbot */
 #chatbot .message.user {
     background-color: #ccc !important;  /* Grey background */
-    color: #333 !important;
+    color: #222 !important;
 }
 .gradio-container footer {
     display: none !important;
 }
+.gradio-container { 
+    width: 100% !important;
+}
+.hf-chat-input:focus {
+    outline: none !important;
+    box-shadow: none !important;
+    border-color: #c2c2c2 !important; /* or use your preferred grey */
+}
 """
 
 with gr.Blocks(css=custom_css, theme=gr.themes.Default(primary_hue="sky")) as demo: