diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 21239d3..d059c53 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -80,7 +80,7 @@
                   </div>
                   <!-- TODO #255: make radio button so we can set a value, do the same with swatches -->
                   <div
-                    v-for="hair in hairs"
+                    v-for="hair in characterHairs"
                     class="relative flex justify-center items-center bg-gray border border-solid border-gray-500 w-[18px] h-[18px] p-2 rounded-sm
                     hover:bg-gray-500 hover:border-gray-400
                     focus-visible:outline-none focus-visible:border-gray-300 focus-visible:bg-gray-500
@@ -162,7 +162,7 @@ const isLoading = ref(true)
 const characters = ref([] as CharacterT[])
 const deletingCharacter = ref(null as CharacterT | null)
 
-const hairs = ref([] as CharacterHair[])
+const characterHairs = ref([] as CharacterHair[])
 const selectedHair = ref(null as CharacterHair | null)
 
 // Fetch characters
@@ -173,8 +173,7 @@ gameStore.connection?.on('character:list', (data: any) => {
   // Fetch hairs
   // @TODO: This is hacky, we should have a better way to do this
   gameStore.connection?.emit('character:hair:list', {}, (data: CharacterHair[]) => {
-    console.log(data)
-    hairs.value = data
+    characterHairs.value = data
   })
 })