diff --git a/packages/ui/src/lib/components/Badge/Badge.svelte b/packages/ui/src/lib/components/Badge/Badge.svelte
index 65a1c489..ef8040fc 100644
--- a/packages/ui/src/lib/components/Badge/Badge.svelte
+++ b/packages/ui/src/lib/components/Badge/Badge.svelte
@@ -96,7 +96,7 @@
       variant="ghost"
       size="tiny"
       aria-label={t('close', translations)}
-      onclick={onClose}
+      onclick={() => onClose()}
     />
   {/if}
   {#if close}
diff --git a/packages/ui/src/lib/components/BasicModal/BasicModal.svelte b/packages/ui/src/lib/components/BasicModal/BasicModal.svelte
index 3d11cac3..3fe4041a 100644
--- a/packages/ui/src/lib/components/BasicModal/BasicModal.svelte
+++ b/packages/ui/src/lib/components/BasicModal/BasicModal.svelte
@@ -35,7 +35,7 @@
 <Modal {title} {onClose} {size} {icon} {closeOnBackdropClick} {closeOnEsc}>
   <ModalBody {children} />
   <ModalFooter>
-    <Button shape="round" color={closeColor} fullWidth onclick={onClose}>
+    <Button shape="round" color={closeColor} fullWidth onclick={() => onClose()}>
       {closeText}
     </Button>
   </ModalFooter>
diff --git a/packages/ui/src/lib/components/Toast/ToastContent.svelte b/packages/ui/src/lib/components/Toast/ToastContent.svelte
index 9ac78147..9db307c9 100644
--- a/packages/ui/src/lib/components/Toast/ToastContent.svelte
+++ b/packages/ui/src/lib/components/Toast/ToastContent.svelte
@@ -68,7 +68,7 @@
     </div>
     {#if onClose}
       <div class="flex items-center">
-        <CloseButton color="secondary" variant="ghost" onclick={onClose} />
+        <CloseButton color="secondary" variant="ghost" onclick={() => onClose()} />
       </div>
     {/if}
   </div>