diff --git a/qa/ui/src/routes/teams/+page.svelte b/qa/ui/src/routes/teams/+page.svelte
index 4f8ebaee..94b3f0cb 100644
--- a/qa/ui/src/routes/teams/+page.svelte
+++ b/qa/ui/src/routes/teams/+page.svelte
@@ -42,7 +42,16 @@
                     <tr on:click={() => show(team.id)} style="cursor: pointer">
                         {#each fields as field}
                             <td class:text-end={field == "image"}>
-                                {team[field]}
+                                {#if field == "color"}
+                                    <div
+                                        class="badge"
+                                        style={"background-color: " + team.toHexColor()}
+                                    >
+                                        {team.toHexColor()}
+                                    </div>
+                                {:else}
+                                    {team[field]}
+                                {/if}
                             </td>
                         {/each}
                     </tr>