Update app.py

app.py

@@ -137,31 +137,35 @@ def generate_plot_and_explanation(benchmark_type, methods_selected, x_metric, y_
 # Custom CSS for frozen first column and clearer table styles
 # ---------------------------------------------------------------------------
 CUSTOM_CSS = """
-/* freeze first column */
-#leaderboard-table table tr th:first-child,
-#leaderboard-table table tr td:first-child {
+/* Freeze first column & improve scrolling for static Dataframe output */
+#leaderboard-table .dataframe-wrap {
+  overflow-x: auto;
+  overflow-y: auto;
+  max-height: 650px; /* taller table */
+}
+#leaderboard-table table {
+  border-collapse: collapse;
+}
+#leaderboard-table thead th,
+#leaderboard-table tbody td {
+  padding: 4px 6px;
+}
+#leaderboard-table thead th:first-child,
+#leaderboard-table tbody td:first-child {
   position: sticky;
   left: 0;
   background: white;
-  z-index: 2;
+  z-index: 3; /* stay on top */
+  box-shadow: 2px 0 2px -2px #aaa; /* subtle divider */
 }
-
-/* striped rows for readability */
-#leaderboard-table table tr:nth-child(odd) {
+/* striped rows */
+#leaderboard-table tbody tr:nth-child(odd) {
   background: #fafafa;
 }
-
-/* centre numeric cells */
-#leaderboard-table td:not(:first-child) {
+/* center numeric columns */
+#leaderboard-table tbody td:not(:first-child) {
   text-align: center;
 }
-
-/* scrollable and taller table */
-#leaderboard-table .dataframe-wrap {
-  max-height: 1200px;
-  overflow-y: auto;
-  overflow-x: auto;
-}
 """
 
 # ---------------------------------------------------------------------------