diff --git a/resources/views/components/modal-delete-script.blade.php b/resources/views/components/modal-delete-script.blade.php
index b640f71..ed25804 100644
--- a/resources/views/components/modal-delete-script.blade.php
+++ b/resources/views/components/modal-delete-script.blade.php
@@ -1,19 +1,22 @@
 <script>
-    let app = new Vue({
-        el: "#app",
-        data: {
-            "modal_hostname": '',
-            "modal_id": '',
-            "delete_form_action": '',
-            showModal: false
-        },
-        methods: {
-            confirmDeleteModal(event) {
-                this.showModal = true;
-                this.modal_hostname = event.target.title;
-                this.modal_id = event.target.id;
-                this.delete_form_action = '{{$uri}}/' + this.modal_id;
+    window.addEventListener('load', function() {
+        document.getElementById("confirmDeleteModal").classList.remove("d-none");
+        let app = new Vue({
+            el: "#app",
+            data: {
+                "modal_hostname": '',
+                "modal_id": '',
+                "delete_form_action": '',
+                showModal: false
+            },
+            methods: {
+                confirmDeleteModal(event) {
+                    this.showModal = true;
+                    this.modal_hostname = event.target.title;
+                    this.modal_id = event.target.id;
+                    this.delete_form_action = '{{$uri}}/' + this.modal_id;
+                }
             }
-        }
-    });
+        });
+    })
 </script>