diff --git a/src/routes/[[lang]]/(protected)/[id]/verify/+page.svelte b/src/routes/[[lang]]/(protected)/[id]/verify/+page.svelte
index 7b8cba1..e0d4d51 100644
--- a/src/routes/[[lang]]/(protected)/[id]/verify/+page.svelte
+++ b/src/routes/[[lang]]/(protected)/[id]/verify/+page.svelte
@@ -93,7 +93,7 @@
 	}
 </script>
 
-<d-header back-button backFunction={() => goto('/home')}>{m.VERIFICATION_QR()}</d-header>
+<d-header back-button on:backButtonClick={() => goto('/home')}>{m.VERIFICATION_QR()}</d-header>
 <ion-content fullscreen class="ion-padding">
 	<div class="flex flex-col justify-center gap-8 text-center">
 		<d-text size="xl">Ask holders to scan this QR using their Wallet</d-text>
diff --git a/src/routes/[[lang]]/(protected)/[sid]/verified/+page.svelte b/src/routes/[[lang]]/(protected)/[sid]/verified/+page.svelte
index 000ae62..6053847 100644
--- a/src/routes/[[lang]]/(protected)/[sid]/verified/+page.svelte
+++ b/src/routes/[[lang]]/(protected)/[sid]/verified/+page.svelte
@@ -17,7 +17,7 @@
 	}
 </script>
 
-<d-header back-button backFunction={back}>Verification</d-header>
+<d-header back-button on:backButtonClick={back}>Verification</d-header>
 <ion-content class="ion-padding">
 	<d-feedback {...feedback} />
 	<div class="flex w-full flex-row items-start justify-around">
diff --git a/src/routes/[[lang]]/(protected)/user-settings/+page.svelte b/src/routes/[[lang]]/(protected)/user-settings/+page.svelte
index e3cf6ab..b75fbe1 100644
--- a/src/routes/[[lang]]/(protected)/user-settings/+page.svelte
+++ b/src/routes/[[lang]]/(protected)/user-settings/+page.svelte
@@ -125,7 +125,7 @@
 	let name = form.fields.name?.value;
 </script>
 
-<d-header back-button backFunction={() => window.history.back()}>User Settings</d-header>
+<d-header back-button on:backButtonClick={() => window.history.back()}>User Settings</d-header>
 <d-loading {loading}> </d-loading>
 
 <div class="ion-padding flex w-full flex-col items-center gap-6">