Update app.py

app.py

@@ -133,21 +133,26 @@ with gr.Blocks(
             align-items: center !important; 
             text-align: center !important; 
         }
-        .gradio-container {
+        .contain {
+            max-width: 800px !important;
+            margin: 0 auto !important;
+        }
+        .gradio-container, .gradio-container > .main, .block {
             max-width: 800px !important;
             margin: 0 auto !important;
         }
         """
     ) as demo:
-    gr.Markdown("# Time Entry Improvement")
-    with gr.Row():
-        with gr.Column(scale=4):
-            text_area = gr.Textbox(label="Your Text", lines=5)
-            previous_text_area = gr.Textbox(label="Previous Text", lines=5, visible=False)
-        with gr.Column(scale=1):
-            with gr.Row(elem_classes="centered"):
-                category_label = gr.Markdown("", visible=False)
-            magic_button = gr.Button("Magic Button")
+    with gr.Column(elem_classes="contain"):
+        gr.Markdown("# Time Entry Improvement")
+        with gr.Row():
+            with gr.Column(scale=4):
+                text_area = gr.Textbox(label="Your Text", lines=5)
+                previous_text_area = gr.Textbox(label="Previous Text", lines=5, visible=False)
+            with gr.Column(scale=1):
+                with gr.Row(elem_classes="centered"):
+                    category_label = gr.Markdown("", visible=False)
+                magic_button = gr.Button("Magic Button")
             
 
     magic_button.click(