diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index f80db33..c55fef7 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -84,9 +84,11 @@ function delete_character(character_id: number) {
 const isModalOpen = ref(false)
 let name: any = ref('')
 function create() {
+  socket.getConnection().on('character:create:success', (data: CharacterT) => {
+    socket.setCharacter(data)
+    isModalOpen.value = false
+  })
   socket.getConnection.emit('character:create', { name: name.value })
-  name.value = ''
-  isModalOpen.value = false
 }
 </script>