diff --git a/src/screens/Characters.vue b/src/screens/Characters.vue
index 7b52e02..9071c56 100644
--- a/src/screens/Characters.vue
+++ b/src/screens/Characters.vue
@@ -55,9 +55,9 @@
       <div class="button-wrapper flex gap-8" v-if="!isLoading">
         <button
           class="btn-bordeaux py-2 pr-2.5 pl-8 min-w-24 relative rounded text-xl flex gap-4 items-center transition-all ease-in-out duration-200 hover:gap-5 disabled:bg-cyan/50 disabled:hover:bg-opacity-50 disabled:cursor-not-allowed disabled:hover:gap-[15px]"
-          @click="gameStore.disconnectSocket()"
+          @click.stop="gameStore.disconnectSocket()"
         >
-          <img class="h-8 drop-shadow-20 rotate-180" draggable="false" src="/assets/icons/arrow.svg" />
+          <img class="h-8 drop-shadow-20 rotate-180" draggable="false" src="/assets/icons/arrow.svg" alt="Logout icon" />
         </button>
         <button
           class="btn-cyan py-2 pr-2.5 pl-8 min-w-24 relative rounded text-xl flex gap-4 items-center transition-all ease-in-out duration-200 hover:gap-5 disabled:bg-cyan/50 disabled:hover:bg-opacity-50 disabled:cursor-not-allowed disabled:hover:gap-[15px]"
@@ -65,7 +65,7 @@
           @click="select_character()"
         >
           PLAY
-          <img class="h-8 drop-shadow-20" draggable="false" src="/assets/icons/arrow.svg" />
+          <img class="h-8 drop-shadow-20" draggable="false" src="/assets/icons/arrow.svg" alt="Play icon" />
         </button>
       </div>
       <!-- @TODO , style this button properly -->