Change CSS element ID to element Class

app.py

@@ -91,39 +91,39 @@ custom_css = """
 
 footer {visibility: hidden}
 
-#leaderboard-table tr:first-child th {
+.leaderboard-table tr:first-child th {
   background-color: var(--table-even-background-fill);
 }
 
-#leaderboard-table th:first-child, #leaderboard-table td:first-child {
+.leaderboard-table th:first-child, #leaderboard-table td:first-child {
   position: sticky;
   left: 0;
   z-index: 1;
   background-color: inherit;
 }
 
-#leaderboard-table th:nth-child(2), #leaderboard-table td:nth-child(2) {
+.leaderboard-table th:nth-child(2), #leaderboard-table td:nth-child(2) {
   position: sticky;
   left: var(--cell-width-0);
   z-index: 1;
   background-color: inherit;
 }
 
-#leaderboard-table th:nth-child(3), #leaderboard-table td:nth-child(3) {
+.leaderboard-table th:nth-child(3), #leaderboard-table td:nth-child(3) {
   position: sticky;
   left: calc(var(--cell-width-0) + var(--cell-width-1));
   z-index: 1;
   background-color: inherit;
 }
 
-#leaderboard-table th:nth-child(4), #leaderboard-table td:nth-child(4) {
+.leaderboard-table th:nth-child(4), #leaderboard-table td:nth-child(4) {
   position: sticky;
   left: calc(var(--cell-width-0) + var(--cell-width-1) + var(--cell-width-2));
   z-index: 1;
   background-color: inherit;
 }
 
-#leaderboard-table th:nth-child(5), #leaderboard-table td:nth-child(5) {
+.leaderboard-table th:nth-child(5), #leaderboard-table td:nth-child(5) {
   position: sticky;
   left: calc(var(--cell-width-0) + var(--cell-width-1) + var(--cell-width-2) + var(--cell-width-3));
   z-index: 1;
@@ -146,12 +146,12 @@ with (gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main
             with gr.Tab("Overall"):
                 gr.Markdown(LEADERBOARD_TAB_TITLE_MARKDOWN)
                 results_table = gr.DataFrame(leaderboard_server.get_leaderboard(), interactive=False, label=None,
-                                             visible=True, elem_id="leaderboard-table")
+                                             visible=True, elem_classes="leaderboard-table")
             for c in categories:
                 with gr.Tab(c):
                     gr.Markdown(LEADERBOARD_TAB_TITLE_MARKDOWN)
                     results_table = gr.DataFrame(leaderboard_server.get_leaderboard(), interactive=False, label=None,
-                                                 visible=True, elem_id="leaderboard-table")
+                                                 visible=True, elem_classes="leaderboard-table")
 
         with gr.Tab('Model details'):
             gr.Markdown(MORE_DETAILS_MARKDOWN)