diff --git a/web-svelte/src/components/Player.svelte b/web-svelte/src/components/Player.svelte
index 588dfd6..944f0d2 100644
--- a/web-svelte/src/components/Player.svelte
+++ b/web-svelte/src/components/Player.svelte
@@ -18,7 +18,7 @@ function changeColour() {
 let canLeave = $isHost || name == $myName;
 </script>
 
-<div class="player" style="--colour: {colour};">
+<div class="player" style="--colour: {colour.hex};">
 
 	<!-- The player's change Colour button -->
 	{#if $myName == name}