Try different tabs

app.py

@@ -202,12 +202,10 @@ footer {visibility: hidden}
 """
 
 with gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main:
-    with gr.Row():
-        with gr.Row():
-            gr.Markdown(HEADER_MARKDOWN)
+    gr.Markdown(HEADER_MARKDOWN)
 
-    with gr.Row():
-        with gr.Tab('Leaderboard') as leaderboards_tab:
+    with gr.Tabs():
+        with gr.TabItem('Leaderboard'):
             with gr.Column():
                 gr.Markdown(LEADERBOARD_TAB_TITLE_MARKDOWN)
 
@@ -235,7 +233,7 @@ with gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main:
                     outputs=results_table,
                 )
 
-        with gr.Tab('Model details'):
+        with gr.TabItem('Model details'):
             gr.Markdown(MORE_DETAILS_MARKDOWN)
             detail_dropdown = gr.Dropdown(
                 choices=leaderboard_server.submission_ids,  # TODO: team_name/model_name
@@ -253,7 +251,7 @@ with gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main:
                 outputs=[model_description, model_url],
             )
 
-        with gr.Tab('Submission'):
+        with gr.TabItem('Submission'):
             with gr.Column():
                 gr.Markdown(SUBMISSION_TAB_TITLE_MARKDOWN)