rules

app.py

@@ -1,5 +1,6 @@
 import streamlit as st
 import pandas as pd
+import streamlit.components.v1 as components
 
 
 def scoring_section():
@@ -64,6 +65,7 @@ def scoring_section():
         "respective Hugging Face submission servers. Below is a preview of the overall leaderboard format:"
     )
 
+
     data = {
         "Rank": [1, 2, 3],
         "Team Name": ["Team Alpha", "Team Beta", "Team Gamma"],
@@ -83,7 +85,7 @@ def scoring_section():
       width: 100%;
       font-size: 1em;
       margin: 10px 0;
-      color: #dddddd; /* Light text for a dark background */
+      color: #dddddd;
     }
     .dark-table th {
       background-color: #333333;
@@ -106,11 +108,13 @@ def scoring_section():
     </style>
     """
 
-    # Convert the DataFrame to HTML, using our custom CSS class, and hiding the index
+    # Convert DataFrame to HTML with the custom CSS class, hiding the index
     styled_html = df.to_html(index=False, classes="dark-table")
+    html_code = table_css + styled_html
+
+    # Use st.components.v1.html to render the table
+    components.html(html_code, height=300)
 
-    # Display the combined CSS + HTML
-    st.markdown(table_css + styled_html, unsafe_allow_html=True)
 
 def main():
     st.set_page_config(page_title="World Model Challenge")