diff --git a/apps/web/components/new/header.tsx b/apps/web/components/new/header.tsx
index 957d8fd4..0e0796dc 100644
--- a/apps/web/components/new/header.tsx
+++ b/apps/web/components/new/header.tsx
@@ -73,8 +73,8 @@ export function Header({
 
 	const displayName =
 		user?.displayUsername ||
-		localStorage.getItem("username") ||
-		localStorage.getItem("userName") ||
+		(typeof window !== "undefined" && localStorage.getItem("username")) ||
+		(typeof window !== "undefined" && localStorage.getItem("userName")) ||
 		""
 	const userName = displayName ? `${displayName.split(" ")[0]}'s` : "My"
 	return (
diff --git a/apps/web/components/new/onboarding/setup/header.tsx b/apps/web/components/new/onboarding/setup/header.tsx
index f28b8fd4..0dddf6ce 100644
--- a/apps/web/components/new/onboarding/setup/header.tsx
+++ b/apps/web/components/new/onboarding/setup/header.tsx
@@ -8,8 +8,8 @@ export function SetupHeader() {
 
 	const displayName =
 		user?.displayUsername ||
-		localStorage.getItem("username") ||
-		localStorage.getItem("userName") ||
+		(typeof window !== "undefined" && localStorage.getItem("username")) ||
+		(typeof window !== "undefined" && localStorage.getItem("userName")) ||
 		""
 	const userName = displayName ? `${displayName.split(" ")[0]}'s` : "My"