change id to class (#31)

content.py

@@ -412,7 +412,7 @@ span.wrap[tabindex="0"][role="button"][data-editable="false"] {
     align-items: center !important;
     gap: 20px !important;
 }
-#scroll-up-button {
+.scroll-up-button {
     flex-grow: 0;
     display: flex;
     color: #032629;
@@ -423,7 +423,7 @@ span.wrap[tabindex="0"][role="button"][data-editable="false"] {
     padding-bottom: 2px;
     min-width: 50px;
 }
-.dark #scroll-up-button {
+.dark .scroll-up-button {
     color: #faf2e9;
     background-color: #032629;
 }

ui_components.py

@@ -386,7 +386,7 @@ def create_benchmark_details_display(
             gr.Markdown(f"### {benchmark_name} Leaderboard", header_links=True)
             scroll_up_button = gr.Button(
                 value="⬆",
-                elem_id="scroll-up-button",
+                elem_classes="scroll-up-button",
             )
             # When the button is clicked, it runs our JavaScript function. No Python needed.
             scroll_up_button.click(fn=None, js=scroll_to_top_js)