diff --git a/src/lib/components/wishlist/WishlistActionButtons.svelte b/src/lib/components/wishlist/WishlistActionButtons.svelte
index 275903c..498ec9e 100644
--- a/src/lib/components/wishlist/WishlistActionButtons.svelte
+++ b/src/lib/components/wishlist/WishlistActionButtons.svelte
@@ -5,19 +5,14 @@
 
 	let {
 		rearranging = $bindable(false),
+		showAddForm = false,
 		onToggleAddForm
 	}: {
 		rearranging: boolean;
+		showAddForm?: boolean;
 		onToggleAddForm: () => void;
 	} = $props();
 
-	let showAddForm = $state(false);
-
-	function toggleAddForm() {
-		showAddForm = !showAddForm;
-		onToggleAddForm();
-	}
-
 	function toggleRearranging() {
 		rearranging = !rearranging;
 	}
@@ -25,7 +20,7 @@
 
 <div class="flex flex-col md:flex-row gap-4">
 	<Button
-		onclick={toggleAddForm}
+		onclick={onToggleAddForm}
 		class="w-full md:w-auto"
 	>
 		{showAddForm ? "Cancel" : "+ Add Item"}
diff --git a/src/routes/wishlist/[token]/edit/+page.svelte b/src/routes/wishlist/[token]/edit/+page.svelte
index 1e50c16..9c6132b 100644
--- a/src/routes/wishlist/[token]/edit/+page.svelte
+++ b/src/routes/wishlist/[token]/edit/+page.svelte
@@ -246,6 +246,7 @@
 
 	<WishlistActionButtons
 		bind:rearranging={rearranging}
+		showAddForm={showAddForm}
 		onToggleAddForm={handleToggleAddForm}
 	/>