diff --git a/frontend/src/components/navigation/NavHeader.tsx b/frontend/src/components/navigation/NavHeader.tsx
index c550d46e9..247d4ac3d 100644
--- a/frontend/src/components/navigation/NavHeader.tsx
+++ b/frontend/src/components/navigation/NavHeader.tsx
@@ -25,6 +25,7 @@ export default function NavHeader({
   const [orgName, setOrgName] = useState('');
   const [workspaceName, setWorkspaceName] = useState('');
   const router = useRouter();
+  const projectId = String(router.query.id);
 
   useEffect(() => {
     (async () => {
@@ -35,12 +36,12 @@ export default function NavHeader({
       setOrgName(org.name);
 
       const workspace = await getProjectInfo({
-        projectId: String(router.query.id)
+        projectId
       });
       setWorkspaceName(workspace.name);
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [projectId]);
 
   return (
     <div className="pt-20 ml-6 flex flex-row items-center">
diff --git a/frontend/src/const.ts b/frontend/src/const.ts
index 0e5ed9516..6ec3941a4 100644
--- a/frontend/src/const.ts
+++ b/frontend/src/const.ts
@@ -15,6 +15,8 @@ export const publicPaths = [
   `/privacy`,
   `/terms`,
   `/subprocessors`,
+  `/verify-email`,
+  `/password-reset`,
 ];
 
 export const languageMap = {
diff --git a/frontend/src/pages/verify-email.tsx b/frontend/src/pages/verify-email.tsx
index d134a07af..3b7e1c8d5 100644
--- a/frontend/src/pages/verify-email.tsx
+++ b/frontend/src/pages/verify-email.tsx
@@ -29,7 +29,7 @@ export default function VerifyEmail() {
         <title>Login</title>
         <link rel="icon" href="/infisical.ico" />
         <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="Log In to Infisical" />
+        <meta property="og:title" content="Verify your email in Infisical" />
         <meta
           name="og:description"
           content="Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files."