diff --git a/src/routes/invite/+page.svelte b/src/routes/invite/+page.svelte
index 69614f0a6f..73c15a9c7f 100644
--- a/src/routes/invite/+page.svelte
+++ b/src/routes/invite/+page.svelte
@@ -8,6 +8,7 @@
     import { page } from '$app/stores';
     import { onMount } from 'svelte';
     import { trackEvent } from '$lib/actions/analytics';
+    import { Alert } from '$lib/components';
 
     let teamId: string, membershipId: string, userId: string, secret: string;
     let terms = false;
@@ -42,10 +43,22 @@
 </svelte:head>
 
 <Unauthenticated>
-    <svelte:fragment slot="title">Invite</svelte:fragment>
+    <svelte:fragment slot="title">
+        {#if !userId || !secret || !membershipId || !teamId}
+            Invalid invite
+        {:else}
+            Invite
+        {/if}
+    </svelte:fragment>
     <svelte:fragment>
         {#if !userId || !secret || !membershipId || !teamId}
-            <p class="text">Invalid invite link.</p>
+            <Alert type="warning">
+                <svelte:fragment slot="title">The invite link is not valid</svelte:fragment>
+                Please ask the project owner to send you a new invite.
+            </Alert>
+            <div class="u-flex u-main-end u-margin-block-start-40	">
+                <Button href={`${base}/register`}>Sign up to Appwrite</Button>
+            </div>
         {:else}
             <p class="text">You have been invited to join a team project on Appwrite</p>
             <Form on:submit={acceptInvite}>