diff --git a/web/src/elements/buttons/ActionButton.ts b/web/src/elements/buttons/ActionButton.ts
index ed5e38263..e0d7d85b5 100644
--- a/web/src/elements/buttons/ActionButton.ts
+++ b/web/src/elements/buttons/ActionButton.ts
@@ -16,7 +16,7 @@ export class ActionButton extends SpinnerButton {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     apiRequest: () => Promise<any> = () => { throw new Error(); };
 
-    defaultCallAction(): void {
+    callAction = (): void => {
         if (this.isRunning === true) {
             return;
         }
@@ -39,5 +39,5 @@ export class ActionButton extends SpinnerButton {
             }
             this.setDone(ERROR_CLASS);
         });
-    }
+    };
 }
diff --git a/web/src/elements/buttons/SpinnerButton.ts b/web/src/elements/buttons/SpinnerButton.ts
index 14e6ca6ac..73d5b3074 100644
--- a/web/src/elements/buttons/SpinnerButton.ts
+++ b/web/src/elements/buttons/SpinnerButton.ts
@@ -12,7 +12,7 @@ export class SpinnerButton extends LitElement {
     isRunning = false;
 
     @property()
-    callAction: () => void = () => {};
+    callAction?: () => void;
 
     static get styles(): CSSResult[] {
         return [
@@ -51,9 +51,6 @@ export class SpinnerButton extends LitElement {
         }, 1000);
     }
 
-    defaultCallAction(): void {
-    }
-
     render(): TemplateResult {
         return html`<button
             class="pf-c-button pf-m-progress ${this.classList.toString()}"
@@ -62,7 +59,9 @@ export class SpinnerButton extends LitElement {
                     return;
                 }
                 this.setLoading();
-                this.callAction();
+                if (this.callAction) {
+                    this.callAction();
+                }
             }}>
             ${this.isRunning
                 ? html` <span class="pf-c-button__progress">