diff --git a/web-svelte/src/components/Player.svelte b/web-svelte/src/components/Player.svelte
index d5f0eb5..48cc909 100644
--- a/web-svelte/src/components/Player.svelte
+++ b/web-svelte/src/components/Player.svelte
@@ -1,16 +1,20 @@
 <script lang="ts">
-import { myName, hostName } from "../stores";
-
 import SciFiButton from "./SciFi-Button.svelte";
+import { createEventDispatcher } from "svelte";
+import { myName, isHost } from "../stores";
 
 export let name: string;
 export let colour: string;
 
+const emit = createEventDispatcher();
+
 function exitPlayer() {};
 
-function changeColour() {};
+function changeColour() {
+	emit("changeColour");
+};
 
-let canLeave = $myName == $hostName || name == $myName;
+let canLeave = $isHost || name == $myName;
 </script>
 
 <div class="player" style="--colour: {colour};">