Fix CSS issue

app.py

@@ -733,14 +733,14 @@ with gr.Blocks(css_paths="style.css", theme=gr.themes.Glass()) as demo:
     gr.HTML(TITLE)
     introduction_text = gr.Markdown(INTRODUCTION_TEXT_JA, elem_classes="markdown-text")
 
-    with gr.Tabs(elem_classes="tab-buttons") as tabs:
-        with gr.Tab("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+    with gr.Tabs() as tabs:
+        with gr.Tab("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table"):
             demo_leaderboard.render()
 
-        with gr.Tab("📝 About", elem_id="llm-benchmark-tab-table", id=2):
+        with gr.Tab("📝 About", elem_id="llm-benchmark-tab-about"):
             llm_benchmarks_text = gr.Markdown(LLM_BENCHMARKS_TEXT_JA, elem_classes="markdown-text")
 
-        with gr.Tab("🚀 Submit here! ", elem_id="llm-benchmark-tab-table", id=3):
+        with gr.Tab("🚀 Submit here! ", elem_id="llm-benchmark-tab-submit"):
             demo_submission.render()
 
     with gr.Row():

style.css

@@ -44,7 +44,7 @@ table th:first-child {
   white-space: nowrap;
 }
 
-.tab-buttons button {
+#llm-benchmark-tab-table-button, #llm-benchmark-tab-about-button, #llm-benchmark-tab-submit-button {
   font-size: 20px;
 }