diff --git a/src/components/EloTable.svelte b/src/components/EloTable.svelte
index 9471526..25a7ed1 100644
--- a/src/components/EloTable.svelte
+++ b/src/components/EloTable.svelte
@@ -20,7 +20,6 @@
 <script lang="ts">
     import {t} from "astro-i18n";
     import {statsRepo} from "@repo/stats.ts";
-    import "@styles/table.css";
 
     export let gamemode: string;
 
@@ -36,21 +35,29 @@
 {:then data}
     <div>
         <table>
-            <tr class="font-bold">
-                <td>{t("elo.place")}</td>
-                <td>{t("elo.name")}</td>
-                <td>{t("elo.elo")}</td>
-            </tr>
-            {#each data as player, i (player.name)}
+            <thead>
                 <tr>
-                    <td>{`${i + 1}.`}</td>
-                    <td>{player.name}</td>
-                    <td>{player.elo}</td>
+                    <td>{t("elo.place")}</td>
+                    <td>{t("elo.name")}</td>
+                    <td>{t("elo.elo")}</td>
                 </tr>
-            {/each}
+            </thead>
+            <tbody>
+                {#each data as player, i (player.name)}
+                    <tr>
+                        <td>{`${i + 1}.`}</td>
+                        <td>{player.name}</td>
+                        <td>{player.elo}</td>
+                    </tr>
+                {/each}
+            </tbody>
         </table>
     </div>
 {:catch error}
     <p>{error.message}</p>
 {/await}
 
+<style>
+    @import "../styles/table.css";
+</style>
+