diff --git a/web_src/js/index.js b/web_src/js/index.js
index fcf9701c3cd8..eb895a90fdb6 100644
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -2612,6 +2612,14 @@ $(document).ready(async () => {
     }
   });
 
+  $('form.ui.form button').click(function () {
+    const $this = $(this);
+    $this.addClass('loading');
+    setTimeout(() => {
+      $this.removeClass('loading');
+    }, 1000 * 5); // 5 seconds
+  });
+
   // parallel init of lazy-loaded features
   [hljs] = await Promise.all([
     initHighlight(),
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index b9000b69169e..28bd9103be4f 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1217,3 +1217,7 @@ i.icon.centerlock {
 .ui.attached.segment + .ui.attached.header {
     margin-top: 1rem;
 }
+
+button.loading {
+    pointer-events: none !important;
+}