diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index 1edebfe..3350a7f 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -1931,7 +1931,7 @@
       <div class="handoff-card">
         <div class="handoff-eyebrow">wizard {local.setup.names.length + 1} of {local.setup.count}</div>
         <div class="handoff-name setup-title">What is your name?</div>
-        <div class="lobby-head">Your colour</div>
+        <div class="lobby-head">Your color</div>
         <div class="standee-row" role="group" aria-label="choose your wizard">
           {#each [0, 1, 2, 3, 4, 5] as c (c)}
             {@const taken = local.setup.colors.includes(c)}
@@ -2130,7 +2130,7 @@
           </div>
         {/if}
         {:else}
-        <div class="lobby-head">Your colour</div>
+        <div class="lobby-head">Your color</div>
         <div class="standee-row" role="group" aria-label="choose your wizard">
           {#each [0, 1, 2, 3, 4, 5] as c (c)}
             {@const takenBy = Object.entries(net.roomColors).find(([, v]) => v === c)?.[0]}