diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 6ef0ed4..01744e7 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -14,6 +14,7 @@
     <div class="buttons-wrapper">
       <button @click="select_character()">Play</button>
       <button @click="isModalOpen = true">Create New</button>
+      <button @click="delete_character()">Delete</button>
     </div>
   </div>
 </div>
@@ -63,6 +64,13 @@ function select_character() {
   }
 }
 
+// Delete character logics
+function delete_character() {
+  if (selected_character.value) {
+    socket.getConnection.emit('character:delete', {character_id: selected_character.value});
+  }
+}
+
 // Create character logics
 const isModalOpen = ref(false);
 let name: any = ref('');