diff --git a/frontend/src/routes/(app)/members/+page.svelte b/frontend/src/routes/(app)/members/+page.svelte
index 5c2dd64..df15e7b 100644
--- a/frontend/src/routes/(app)/members/+page.svelte
+++ b/frontend/src/routes/(app)/members/+page.svelte
@@ -59,6 +59,16 @@
 		}
 	}
 
+	async function handleInviteClick() {
+		if (!activeInvite) {
+			const res = await fetch('/members/invites', { method: 'POST' });
+			if (res.ok) {
+				activeInvite = await res.json();
+			}
+		}
+		showInvitePanel = !showInvitePanel;
+	}
+
 	async function handleRegenerate() {
 		const res = await fetch('/members/invites', { method: 'POST' });
 		if (res.ok) {
@@ -80,7 +90,7 @@
 		showInviteCard={isPlanner}
 		onremove={handleRemove}
 		onrolechange={handleRoleChange}
-		oninviteclick={() => (showInvitePanel = !showInvitePanel)}
+		oninviteclick={handleInviteClick}
 	/>
 
 	{#if showInvitePanel && isPlanner && activeInvite}