diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 5d84259..34a5718 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -59,10 +59,11 @@ import { ref } from 'vue'
 import Modal from '@/components/utilities/Modal.vue'
 import {type Character as CharacterT} from '@/types'
 
+
+const characters = ref([])
 const socket = useSocketStore()
 
 // Fetch characters
-const characters = ref([])
 socket.getConnection.on('character:list', (data: any) => {
   characters.value = data
 })