diff --git a/src/components/AlertMessage.vue b/src/components/AlertMessage.vue
index 00fee10a..6f3ea5b1 100644
--- a/src/components/AlertMessage.vue
+++ b/src/components/AlertMessage.vue
@@ -18,15 +18,15 @@ import { Component, Prop, Vue } from "vue-facing-decorator";
 export default class AlertMessage extends Vue {
   @Prop alertTitle = "";
   @Prop alertMessage = "";
+  isAlertVisible = this.alertMessage;
 
   public onClickClose() {
-    this.alertTitle = "";
-    this.alertMessage = "";
+    this.isAlertVisible = false;
   }
 
   public computedAlertClassNames() {
     return {
-      hidden: !this.alertMessage,
+      hidden: !this.isAlertVisible,
       "dismissable-alert": true,
       "bg-slate-100": true,
       "p-5": true,