struggling with frontend placement

app.py

@@ -209,7 +209,7 @@ with demo:
                     queue=True,
                 )
             
-        with gr.TabItem("🏅 LLM Benchmark FineGrained", elem_id="llm-benchmark-tab-table", id=0):
+        with gr.TabItem("🏅 LLM Benchmark FineGrained", elem_id="llm-benchmark-tab-table", id=1):
             with gr.Row():
                 with gr.Row():
                     search_bar = gr.Textbox(
@@ -276,7 +276,7 @@ with demo:
                         queue=True,
                     )
 
-        with gr.TabItem("🚀 Submit here! ", elem_id="llm-benchmark-tab-table", id=3):
+        with gr.TabItem("🚀 Submit here! ", elem_id="llm-benchmark-tab-table", id=2):
             with gr.Column():
                 with gr.Row():
                     gr.Markdown(EVALUATION_QUEUE_TEXT, elem_classes="markdown-text")
@@ -352,7 +352,7 @@ with demo:
                 ],
                 submission_result,
             )
-        with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=2):
+        with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=3):
             gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")
                 
         with gr.TabItem("📝 Evaluation Datasets", elem_id="llm-benchmark-tab-table", id=4):