diff --git a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
index 7ab2cb5..33c2b89 100644
--- a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
+++ b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
@@ -2,7 +2,7 @@
 	let { householdName, inviterName }: { householdName: string; inviterName: string } = $props();
 </script>
 
-<div class="flex flex-col items-center gap-4 rounded-2xl bg-[var(--green-dark)] p-6 text-center">
+<div class="flex flex-col items-center gap-4 rounded-[var(--radius-xl)] bg-[var(--green-dark)] p-6 text-center">
 	<!-- App logo -->
 	<span class="text-[48px]" aria-hidden="true">🥗</span>