diff --git a/src/components/button/StateButton.vue b/src/components/button/StateButton.vue
index d5784c54..dd3032ed 100644
--- a/src/components/button/StateButton.vue
+++ b/src/components/button/StateButton.vue
@@ -15,6 +15,10 @@ withDefaults(
     label: '',
   },
 );
+
+defineEmits<{
+  (e: 'click'): void;
+}>();
 </script>
 <template>
   <button
@@ -26,6 +30,7 @@ withDefaults(
       ['status-color-waiting']: statusWaiting,
       ['step-status-active']: statusActive,
     }"
+    @click="statusWaiting ? undefined : $emit('click')"
   >
     <div class="q-px-sm">
       <q-icon
@@ -59,6 +64,7 @@ withDefaults(
   &.status-color-waiting {
     --_color: var(--gray-4-hsl);
     color: var(--foreground);
+    cursor: not-allowed !important;
   }
 }