diff --git a/app/developer/templates/developer/index.html b/app/developer/templates/developer/index.html
index a757d887..1d97e26f 100644
--- a/app/developer/templates/developer/index.html
+++ b/app/developer/templates/developer/index.html
@@ -96,7 +96,7 @@
 
 
                 <td>
-                  <form method="post" id="delete-client-form">
+                  <form method="post">
                     <input type="hidden" name="form-name" value="delete-client">
                     <input type="hidden" name="client-id" value="{{ client.id }}">
                     <a href="javascript:{}"
@@ -132,12 +132,6 @@
         e.clearSelection();
       });
 
-      // the modal does not get close when user clicks outside of modal
-      // necessary for obligatory modal such as the one displayed when user enable/display email forwarding
-      notie.setOptions({
-        overlayClickDismiss: false,
-      });
-
       $(".delete-client").on("click", function (e) {
         notie.confirm({
           text: "This operation is not reversible, please confirm",
diff --git a/templates/base.html b/templates/base.html
index ddccfefd..926fe5a2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -103,6 +103,15 @@
     console.log("Init sentry");
     Sentry.init({dsn: 'https://ad2187ed843340a1b4165bd8d5d6cdce@sentry.io/1478143'});
   {% endif %}
+
+  require(['clipboard', 'notie', 'jquery'], function (Clipboard, notie, $) {
+    // the modal does not get close when user clicks outside of modal
+    // necessary for obligatory modal such as the one displayed when user enable/display email forwarding
+    notie.setOptions({
+      overlayClickDismiss: false,
+    });
+  });
+
 </script>
 
 <!-- For additional script -->