Update app.py

app.py

@@ -21,6 +21,10 @@ HEADER = """<div style="text-align: center; margin-bottom: 20px;">
 """
 
 custom_css = """
+.gradio-container {
+    max-width: 800px;
+    margin: 0 auto;
+}
 [aria-label="chatbot conversation"] * {
   direction: rtl;
   text-align: right;
@@ -78,13 +82,12 @@ chat_interface = gr.ChatInterface(
         gr.Slider(minimum=0.0, maximum=1.0, value=0.6, step=0.1, label="Temperature"),
         gr.Slider(minimum=0.0, maximum=2.0, value=1.1, step=0.05, label="Repetition penalty"),
     ],
-    examples=[["من هو يحى السنوار ؟"]],
-    example_icons=[["💡"]],
+    examples=[["ما هى ال Autoregressive Models ؟"]],
     cache_examples=False,
     theme="JohnSmith9982/small_and_pretty",
 )
 
-with gr.Blocks(fill_height=True, css=custom_css) as demo:
+with gr.Blocks(fill_height=True, fill_width=False, css=custom_css) as demo:
     gr.HTML(HEADER)
     chat_interface.render()