diff --git a/web-svelte/src/components/modals/ColourChoice.svelte b/web-svelte/src/components/modals/ShipDesigner.svelte
similarity index 100%
rename from web-svelte/src/components/modals/ColourChoice.svelte
rename to web-svelte/src/components/modals/ShipDesigner.svelte
diff --git a/web-svelte/src/views/lobby/multiplayer.svelte b/web-svelte/src/views/lobby/multiplayer.svelte
index 7f96055..831701d 100644
--- a/web-svelte/src/views/lobby/multiplayer.svelte
+++ b/web-svelte/src/views/lobby/multiplayer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import ColourChoice from "../../components/modals/ColourChoice.svelte";
+import ShipDesigner from "../../components/modals/ShipDesigner.svelte";
 import OptionInfo from "../../components/modals/OptionInfo.svelte";
 import SciFiCheckbox from "../../components/SciFi-Checkbox.svelte";
 import SciFiButton from "../../components/SciFi-Button.svelte";
@@ -11,7 +11,7 @@ function tempButtonHandler() {};
 // The modals that can appear in the lobby
 const modal = {
 	options: false,
-	colourChoice: false,
+	shipDesigner: false,
 };
 
 const gameOptions = [
@@ -64,10 +64,10 @@ function toggleOption(e: CustomEvent<string>) {
 	open="{modal.options}"
 	on:close="{_ => modal.options = false}"
 />
-<ColourChoice
-	open="{modal.colourChoice}"
+<ShipDesigner
+	open="{modal.shipDesigner}"
 	on:selectColour="{tempButtonHandler}"
-	on:close="{_ => modal.colourChoice = false}"
+	on:close="{_ => modal.shipDesigner = false}"
 />
 
 <main>
@@ -80,7 +80,7 @@ function toggleOption(e: CustomEvent<string>) {
 					<Player
 						name="{p.name}"
 						colour="{p.colour}"
-						on:changeColour="{_ => modal.colourChoice = true}"
+						on:changeColour="{_ => modal.shipDesigner = true}"
 					/>
 					{#if i == 1}
 						<div class="divider"></div>