diff --git a/src/screens/Login.vue b/src/screens/Login.vue
index eaeb95a..ef45065 100644
--- a/src/screens/Login.vue
+++ b/src/screens/Login.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="relative max-lg:h-dvh flex flex-row-reverse">
-    <ResetPassword :isModalOpen="resetPasswordForm" />
+    <ResetPassword :isModalOpen="isPasswordResetFormShown" />
     <div class="lg:bg-gradient-to-l bg-gradient-to-b from-gray-900 to-transparent w-full lg:w-1/2 h-[35dvh] lg:h-dvh absolute left-0 max-lg:bottom-0 lg:top-0 z-10"></div>
     <div class="bg-[url('/assets/login/login-bg.png')] w-full lg:w-1/2 h-[35dvh] lg:h-dvh absolute left-0 max-lg:bottom-0 lg:top-0 bg-no-repeat bg-cover bg-center"></div>
     <div class="bg-gray-900 z-20 w-full lg:w-1/2 h-[65dvh] lg:h-dvh relative">
@@ -21,7 +21,7 @@
                 </div>
                 <span v-if="loginError" class="text-red-200 text-xs absolute top-full mt-1">{{ loginError }}</span>
               </div>
-              <button @click.stop="resetPasswordForm = !resetPasswordForm" type="button" class="inline-flex self-end p-0 text-cyan-300 text-base">Forgot password?</button>
+              <button @click.stop="isPasswordResetFormShown = !isPasswordResetFormShown" type="button" class="inline-flex self-end p-0 text-cyan-300 text-base">Forgot password?</button>
               <button class="btn-cyan px-0 xs:w-full" type="submit">Play now</button>
 
               <!-- Divider shape -->
@@ -75,7 +75,7 @@ import { useCookies } from '@vueuse/integrations/useCookies'
 import ResetPassword from '@/components/utilities/ResetPassword.vue'
 
 const props = defineProps(['isModalOpen'])
-const resetPasswordForm = ref(props.isModalOpen)
+const isPasswordResetFormShown = ref(props.isModalOpen)
 
 const gameStore = useGameStore()
 const username = ref('')