diff --git a/packages/web/components/templates/auth/EmailLogin.tsx b/packages/web/components/templates/auth/EmailLogin.tsx
index 62fc4847d..9f395bd13 100644
--- a/packages/web/components/templates/auth/EmailLogin.tsx
+++ b/packages/web/components/templates/auth/EmailLogin.tsx
@@ -1,7 +1,7 @@
 import { HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives'
 import { Button } from '../../elements/Button'
 import { StyledText, StyledTextSpan } from '../../elements/StyledText'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { BorderedFormInput, FormLabel } from '../../elements/FormElements'
 import { fetchEndpoint } from '../../../lib/appConfig'
 import { logoutMutation } from '../../../lib/networking/mutations/logoutMutation'
@@ -9,13 +9,16 @@ import { useRouter } from 'next/router'
 import { parseErrorCodes } from '../../../lib/queryParamParser'
 import { formatMessage } from '../../../locales/en/messages'
 import Link from 'next/link'
+import { Recaptcha } from '../../elements/Recaptcha'
 
 export function EmailLogin(): JSX.Element {
   const router = useRouter()
   const [email, setEmail] = useState<string | undefined>(undefined)
   const [password, setPassword] = useState<string | undefined>(undefined)
-  const [errorMessage, setErrorMessage] =
-    useState<string | undefined>(undefined)
+  const [errorMessage, setErrorMessage] = useState<string | undefined>(
+    undefined
+  )
+  const recaptchaTokenRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
     if (!router.isReady) return
@@ -78,6 +81,25 @@ export function EmailLogin(): JSX.Element {
           </SpanBox>
         </VStack>
 
+        {process.env.NEXT_PUBLIC_RECAPTCHA_CHALLENGE_SITE_KEY && (
+          <>
+            <Recaptcha
+              setRecaptchaToken={(token) => {
+                if (recaptchaTokenRef.current) {
+                  recaptchaTokenRef.current.value = token
+                } else {
+                  console.log('error updating recaptcha token')
+                }
+              }}
+            />
+            <input
+              ref={recaptchaTokenRef}
+              type="hidden"
+              name="recaptchaToken"
+            />
+          </>
+        )}
+
         {errorMessage && <StyledText style="error">{errorMessage}</StyledText>}
 
         <HStack
@@ -148,5 +170,5 @@ export function EmailLogin(): JSX.Element {
         </StyledText>
       </VStack>
     </form>
-  );
+  )
 }
diff --git a/packages/web/pages/auth/email-login.tsx b/packages/web/pages/auth/email-login.tsx
index ae36ba62b..56cc9bd38 100644
--- a/packages/web/pages/auth/email-login.tsx
+++ b/packages/web/pages/auth/email-login.tsx
@@ -1,15 +1,22 @@
 import { PageMetaData } from '../../components/patterns/PageMetaData'
 import { ProfileLayout } from '../../components/templates/ProfileLayout'
 import { EmailLogin } from '../../components/templates/auth/EmailLogin'
+import { GoogleReCaptchaProvider } from '@google-recaptcha/react'
 
 export default function EmailLoginPage(): JSX.Element {
   return (
     <>
-      <PageMetaData title="Login - Omnivore" path="/email-login" />
-      <ProfileLayout>
-        <EmailLogin />
-      </ProfileLayout>
-      <div data-testid="email-login-page-tag" />
+      <GoogleReCaptchaProvider
+        type="v2-checkbox"
+        isEnterprise={true}
+        siteKey={process.env.NEXT_PUBLIC_RECAPTCHA_CHALLENGE_SITE_KEY ?? ''}
+      >
+        <PageMetaData title="Login - Omnivore" path="/email-login" />
+        <ProfileLayout>
+          <EmailLogin />
+        </ProfileLayout>
+        <div data-testid="email-login-page-tag" />
+      </GoogleReCaptchaProvider>
     </>
   )
 }