diff --git a/web/src/lib/components/landing/NotFound.svelte b/web/src/lib/components/landing/NotFound.svelte
index 4cf6243ea..8549a6007 100644
--- a/web/src/lib/components/landing/NotFound.svelte
+++ b/web/src/lib/components/landing/NotFound.svelte
@@ -4,7 +4,7 @@
 	import { resolve } from "$app/paths";
 	import EmbossFilter from "#lib/components/landing/EmbossFilter.svelte";
 	import Navbar from "#lib/components/landing/shell/Navbar.svelte";
-	import Button from "#lib/components/ui/Button.svelte";
+	import ArrowRight from "$icon/arrow-right";
 	import Container from "#lib/components/landing/ui/Container.svelte";
 
 	/**
@@ -68,14 +68,20 @@
 					class="l-heading l-heading-section l-heading-break"
 				>
 					<span class="solid nf-rise" style:--delay="0.1s">404</span>
-					<span class="dim nf-rise" style:--delay="0.2s">This knot came undone.</span>
+					<span class="dim nf-rise" style:--delay="0.2s">This page doesn’t exist.</span>
 				</h1>
 				<p data-testid="errorMessage" class="l-body l-trim nf-rise" style:--delay="0.3s">
-					Let’s tie you back to somewhere useful.
+					It may have moved, or the link may be wrong.
 				</p>
 			</div>
 			<div class="nf-action nf-rise" style:--delay="0.4s">
-				<Button variant="primary" size="large" href={resolve("/")}>Back to homepage</Button>
+				<a
+					href={resolve("/")}
+					class="inline-flex w-fit items-center gap-2xs border-b border-border-strong pb-0.5 text-foreground-default hover:border-foreground-default"
+				>
+					Go to the homepage
+					<ArrowRight class="size-4" aria-hidden="true" />
+				</a>
 			</div>
 		</Container>
 	</main>