Update app.py

app.py

@@ -73,30 +73,42 @@ QUESTION_FILE_PATH_HLE  = "files/hle_validation.jsonl"
 DEFAULT_QUESTION = "In MCP's 1st Birthday Hackathon, hosted by Anthropic and Gradio, what percentage of participants submitted a solution so far?"
 
 CSS_FULL_WIDTH = """
-body {
+html,
+body,
+#root,
+#root > div,
+main {
     margin: 0 !important;
+    padding: 0 !important;
+    width: 100% !important;
 }
-.gradio-container {
+
+.full-width-app,
+.full-width-app > .gradio-block,
+.full-width-app > .gradio-block > .gradio-container {
     max-width: 100% !important;
     width: 100% !important;
     margin: 0 !important;
     padding-left: 0 !important;
     padding-right: 0 !important;
 }
+
 .content-padding {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
 }
+
 .full-width-tabs {
     width: 100%;
 }
+
 .full-width-tabs .gradio-block {
     max-width: 100%;
     width: 100%;
 }
 """
 
-with gr.Blocks() as gaia:
+with gr.Blocks(elem_classes=["full-width-app"]) as gaia:
     gr.HTML(f"<style>{CSS_FULL_WIDTH}</style>")
 
     with gr.Column(elem_classes=["content-padding"]):