Update utils.py

utils.py

@@ -45,8 +45,6 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
 #leaderboard-table th:first-child {
     text-align: left;
     max-width: 200px;
-    overflow-x: auto;
-    white-space: nowrap;
 }
 
 table > thead {
@@ -59,11 +57,30 @@ table > tbody td {
     vertical-align: middle;
 }
 
+/* Apply scrollable div in the first column */
 table > tbody td:first-child {
     text-align: left;
-    max-width: 200px;
-    overflow-x: auto;
-    white-space: nowrap;
+    max-width: 200px; /* Set width limit for first column */
+}
+
+table > tbody td:first-child div {
+    display: block;
+    max-width: 100%; /* Ensure the div takes up the full width of the cell */
+    overflow-x: auto; /* Enable horizontal scrolling */
+    white-space: nowrap; /* Prevent text from wrapping */
+}
+
+/* Optional styling for the scrollable content */
+table > tbody td:first-child div::-webkit-scrollbar {
+    height: 8px;
+}
+
+table > tbody td:first-child div::-webkit-scrollbar-thumb {
+    background-color: #888;
+}
+
+table > tbody td:first-child div::-webkit-scrollbar-thumb:hover {
+    background-color: #555;
 }
 
 #leaderboard-table-lite {