diff --git a/frontend/src/components/Seedings/Registrations.svelte b/frontend/src/components/Seedings/Registrations.svelte
index 1dd14c6f5c7790c9b5828f7aef3ce3862cf68fcd..497f0c867df870a90694cb5efbae8ed125c021d7 100644
--- a/frontend/src/components/Seedings/Registrations.svelte
+++ b/frontend/src/components/Seedings/Registrations.svelte
@@ -9,6 +9,7 @@
     let players: (Models.Player | null)[] = [];
     let filteredPlayers: (Models.Player | null)[] = [];
     let competition: Models.Competition | undefined;
+    var playerNumber = 0;
 
     SelectedCompetition.subscribe((value) => {
         competition = value;
@@ -145,7 +146,11 @@
             <tbody>
                 {#each filteredPlayers as player}
                     {#if player != null}
-                        <tr>
+                        <tr
+                            class:gold={player.PlayerInitialRank == 1}
+                            class:silver={player.PlayerInitialRank == 2}
+                            class:bronze={player.PlayerInitialRank == 3}
+                        >
                             <td
                                 on:dblclick={async () => {
                                     let newRank = await swal({
@@ -259,6 +264,9 @@
                         <button
                             on:click={async () => {
                                 var player = await GenerateRandomPlayer();
+                                if (player != null) {
+                                    player.PlayerInitialRank = ++playerNumber;
+                                }
 
                                 if (competition != undefined)
                                     await Session.AddPlayerToCompetition(
@@ -294,4 +302,16 @@
         border-radius: 10px;
         border: solid 1px #003566;
     }
+
+    .gold {
+        background-color: #e9c46a;
+    }
+
+    .silver {
+        background-color: #adb5bd;
+    }
+
+    .bronze {
+        background-color: #f28482;
+    }
 </style>