diff --git a/src/stores/modal.js b/src/stores/modal.js
index 7935824..71bb056 100644
--- a/src/stores/modal.js
+++ b/src/stores/modal.js
@@ -13,6 +13,7 @@ export const useModalStore = defineStore('modalStore', {
       this.whichModal = whichModal;
     },
     async closeModal(){
+      await delaySecond(2);
       this.isModalOpen = false;
     },
   },
diff --git a/src/views/AccountManagement/ModalContainer.vue b/src/views/AccountManagement/ModalContainer.vue
index f3dbcf8..54b9d32 100644
--- a/src/views/AccountManagement/ModalContainer.vue
+++ b/src/views/AccountManagement/ModalContainer.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="modal_container" v-show="modalStore.isModalOpen" class="fixed w-screen h-screen bg-gray-800
+    <div id="modal_container" v-if="modalStore.isModalOpen" class="fixed w-screen h-screen bg-gray-800
         flex justify-center items-center">
 
       <div class="flex">