diff --git a/apps/web/app/(auth)/onboarding/page.tsx b/apps/web/app/(auth)/onboarding/page.tsx
index 9a6ac481..a88a5078 100644
--- a/apps/web/app/(auth)/onboarding/page.tsx
+++ b/apps/web/app/(auth)/onboarding/page.tsx
@@ -38,9 +38,9 @@ export default function Home() {
 
 	return (
 		<main className="min-h-screen text-sm text-[#B8C4C6] font-geistSans">
-			<div className="absolute  inset-0 opacity-5  w-full  bg-transparent  bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div>
+			<div className="absolute  inset-0 opacity-5  w-full  bg-transparent pointer-events-none bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div>
 			<img
-				className="absolute inset-x-0 -top-20 opacity-20"
+				className="absolute inset-x-0 -top-20 opacity-20 pointer-events-none"
 				src={"/images/landing-hero-left.png"}
 				width={1000}
 				height={1000}