diff --git a/apps/web-dashboard/src/components/AuthShell.jsx b/apps/web-dashboard/src/components/AuthShell.jsx
index 7e30d99c4..708b16817 100644
--- a/apps/web-dashboard/src/components/AuthShell.jsx
+++ b/apps/web-dashboard/src/components/AuthShell.jsx
@@ -8,6 +8,7 @@ function AuthShell({
   alternateTo,
   alternateText,
   children,
+  onModeClick,
 }) {
   return (
     <div className="auth-shell">
@@ -17,7 +18,18 @@ function AuthShell({
       <div className="auth-shell__content">
         <div className="auth-form-card">
           <div className="auth-form-card__header">
-            <span className="auth-form-card__mode">{modeLabel}</span>
+            {onModeClick ? (
+              <button
+                type="button"
+                className="auth-form-card__mode auth-form-card__mode--clickable"
+                onClick={onModeClick}
+                style={{ background: 'none', border: 'none', cursor: 'pointer', padding: 0 }}
+              >
+                {modeLabel}
+              </button>
+            ) : (
+              <span className="auth-form-card__mode">{modeLabel}</span>
+            )}
             {title ? <h1>{title}</h1> : null}
             {subtitle ? <p>{subtitle}</p> : null}
           </div>
diff --git a/apps/web-dashboard/src/index.css b/apps/web-dashboard/src/index.css
index 2cce8fb7f..adbf751ec 100644
--- a/apps/web-dashboard/src/index.css
+++ b/apps/web-dashboard/src/index.css
@@ -861,6 +861,21 @@ select option {
   text-transform: uppercase;
 }
 
+.auth-form-card__mode--clickable {
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.auth-form-card__mode--clickable:hover {
+  background: var(--color-auth-mode-bg);
+  color: var(--color-primary);
+  text-decoration: underline;
+}
+
+.auth-form-card__mode--clickable:active {
+  opacity: 0.8;
+}
+
 .auth-form-card__header h1 {
   margin-bottom: 0.4rem;
   color: var(--color-auth-heading);
diff --git a/apps/web-dashboard/src/pages/Signup.jsx b/apps/web-dashboard/src/pages/Signup.jsx
index 1df0fec94..f5812ede4 100644
--- a/apps/web-dashboard/src/pages/Signup.jsx
+++ b/apps/web-dashboard/src/pages/Signup.jsx
@@ -96,12 +96,13 @@ function Signup() {
 
   return (
     <AuthShell
-      modeLabel="Create account"
+      modeLabel="← Home / Create Account"
       title=""
       subtitle=""
       alternateText="Already have access?"
       alternateLabel="Sign in instead"
       alternateTo="/login"
+      onModeClick={() => navigate('/')}
     >
       <form className="auth-form" onSubmit={handleSubmit}>
         <button