diff --git a/packages/web/components/templates/auth/EmailForgotPassword.tsx b/packages/web/components/templates/auth/EmailForgotPassword.tsx
index c97a222fc..f4152e7bd 100644
--- a/packages/web/components/templates/auth/EmailForgotPassword.tsx
+++ b/packages/web/components/templates/auth/EmailForgotPassword.tsx
@@ -49,7 +49,7 @@ export function EmailForgotPassword(): JSX.Element {
             <FormLabel>Email</FormLabel>
             <BorderedFormInput
               key="email"
-              type="text"
+              type="email"
               name="email"
               value={email}
               placeholder="Email"
diff --git a/packages/web/components/templates/auth/EmailLogin.tsx b/packages/web/components/templates/auth/EmailLogin.tsx
index 0a4218b29..5ec6a407f 100644
--- a/packages/web/components/templates/auth/EmailLogin.tsx
+++ b/packages/web/components/templates/auth/EmailLogin.tsx
@@ -52,7 +52,7 @@ export function EmailLogin(): JSX.Element {
             <FormLabel>Email</FormLabel>
             <BorderedFormInput
               key="email"
-              type="text"
+              type="email"
               name="email"
               value={email}
               placeholder="Email"
diff --git a/packages/web/components/templates/auth/EmailSignup.tsx b/packages/web/components/templates/auth/EmailSignup.tsx
index 307ab5b29..e81531926 100644
--- a/packages/web/components/templates/auth/EmailSignup.tsx
+++ b/packages/web/components/templates/auth/EmailSignup.tsx
@@ -71,7 +71,7 @@ export function EmailSignup(): JSX.Element {
             <FormLabel className="required">Email</FormLabel>
             <BorderedFormInput
               key="email"
-              type="text"
+              type="email"
               name="email"
               defaultValue={email}
               placeholder="Email"