diff --git a/assets/controllers/alert_controller.js b/assets/controllers/alert_controller.js
index 733b017..46254a1 100644
--- a/assets/controllers/alert_controller.js
+++ b/assets/controllers/alert_controller.js
@@ -14,5 +14,6 @@ export default class extends Controller {
             "3000"
         ));
         this.element.addEventListener('mouseover', () => clearTimeout(timer));
+        this.element.querySelector('.modal-close').addEventListener('click', () => this.element.remove());
     }
 }