diff --git a/src/components/Nav/AuthModal/EmailConfirm.tsx b/src/components/Nav/AuthModal/EmailConfirm.tsx
index 1a084157..44065d30 100644
--- a/src/components/Nav/AuthModal/EmailConfirm.tsx
+++ b/src/components/Nav/AuthModal/EmailConfirm.tsx
@@ -6,20 +6,21 @@ import { useSession } from '../../../context/session'
 import { useRouter } from '../../../stores/router'
 import { hideModal } from '../../../stores/ui'
 
+import { setEmail, email } from './sharedLogic'
+
 import styles from './AuthModal.module.scss'
 
 export const EmailConfirm = () => {
   const { t } = useLocalize()
   const { changeSearchParams } = useRouter()
   const { session, authError } = useSession()
-  const [email, setEmail] = createSignal('')
   const [emailConfirmed, setEmailConfirmed] = createSignal(false)
 
   createEffect(() => {
     const e = session()?.user?.email
     const v = session()?.user?.email_verified
     if (e) {
-      setEmail(e)
+      setEmail(e.toLowerCase())
       if (v) setEmailConfirmed(v)
       if (authError()) {
         changeSearchParams({}, true)
@@ -41,7 +42,7 @@ export const EmailConfirm = () => {
       <Show when={emailConfirmed()}>
         <div class={styles.title}>{t('Hooray! Welcome!')}</div>
         <div class={styles.text}>
-          {t("You've confirmed email")} {email()}
+          {t("You've confirmed email")} {email().toLowerCase()}
         </div>
         <div>
           <button class={clsx('button', styles.submitButton)} onClick={() => hideModal()}>
diff --git a/src/components/Nav/AuthModal/ForgotPasswordForm.tsx b/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
index 233c38aa..8dc12583 100644
--- a/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
+++ b/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
@@ -24,7 +24,7 @@ export const ForgotPasswordForm = () => {
   const { t } = useLocalize()
   const handleEmailInput = (newEmail: string) => {
     setValidationErrors(({ email: _notNeeded, ...rest }) => rest)
-    setEmail(newEmail)
+    setEmail(newEmail.toLowerCase())
   }
   const {
     actions: { authorizer },
diff --git a/src/components/Nav/AuthModal/LoginForm.tsx b/src/components/Nav/AuthModal/LoginForm.tsx
index fcf76916..014f8bcf 100644
--- a/src/components/Nav/AuthModal/LoginForm.tsx
+++ b/src/components/Nav/AuthModal/LoginForm.tsx
@@ -51,7 +51,7 @@ export const LoginForm = () => {
 
   const handleEmailInput = (newEmail: string) => {
     setValidationErrors(({ email: _notNeeded, ...rest }) => rest)
-    setEmail(newEmail)
+    setEmail(newEmail.toLowerCase())
   }
 
   const handlePasswordInput = (newPassword: string) => {
diff --git a/src/components/Nav/AuthModal/RegisterForm.tsx b/src/components/Nav/AuthModal/RegisterForm.tsx
index af6cf834..7ce83e3e 100644
--- a/src/components/Nav/AuthModal/RegisterForm.tsx
+++ b/src/components/Nav/AuthModal/RegisterForm.tsx
@@ -28,7 +28,7 @@ type FormFields = {
 type ValidationErrors = Partial<Record<keyof FormFields, string | JSX.Element>>
 
 const handleEmailInput = (newEmail: string) => {
-  setEmail(newEmail)
+  setEmail(newEmail.toLowerCase())
 }
 
 export const RegisterForm = () => {