fix format issue

app.py

@@ -44,17 +44,16 @@ with demo:
     
     gr.Markdown("## Benchmark")
     gr.Markdown("### Model evaluation on VerilogEval-Human V1 benchmark (156 problems, 10 rollouts each)")
-    with gr.Row():
+    with gr.Column(elem_id="leaderboard-container"):
         leaderboard = init_leaderboard(LEADERBOARD_DF)
-    with gr.Row():
-        gr.Markdown("### Evaluation Results")
-        gr.Markdown(CONCLUSION_TEXT, elem_classes="markdown-text")
+    gr.Markdown("### Evaluation Results")
+    gr.Markdown(CONCLUSION_TEXT, elem_classes="markdown-text")
     
     gr.Markdown("### Transition Matrices")
     gr.Markdown("The transition matrices below show how errors evolve during the SFT and RL phases, revealing the surface convergence gap where optimization reduces syntax errors but increases functional testbench failures.")
     with gr.Row():
-        gr.Image("subq1_sft_transition_matrix.png", label="SFT Transition Matrix", show_label=True, show_download_button=False)
-        gr.Image("subq1_transition_matrix.png", label="RL Transition Matrix", show_label=True, show_download_button=False)
+        gr.Image("subq1_sft_transition_matrix.png", show_label=False, show_download_button=False)
+        gr.Image("subq1_transition_matrix.png", show_label=False, show_download_button=False)
 
     with gr.Row():
         with gr.Accordion("📙 Citation", open=False):

src/display/css_html_js.py

@@ -100,6 +100,21 @@ custom_css = """
     margin: 0 auto !important;
     display: block !important;
 }
+
+#leaderboard-container {
+    width: 100% !important;
+    max-width: 100% !important;
+    padding: 0 !important;
+}
+
+#leaderboard-container .filter-bar,
+#leaderboard-container .search-bar {
+    width: 100% !important;
+}
+
+#leaderboard-container table {
+    width: 100% !important;
+}
 """
 
 get_window_url_params = """