diff --git a/src/components/dialogs/VerifyEmailDialog.tsx b/src/components/dialogs/VerifyEmailDialog.tsx
index c4fe0351b2..e2c9f79a86 100644
--- a/src/components/dialogs/VerifyEmailDialog.tsx
+++ b/src/components/dialogs/VerifyEmailDialog.tsx
@@ -8,7 +8,7 @@ import {logger} from '#/logger'
import {useModalControls} from '#/state/modals'
import {useAgent, useSession} from '#/state/session'
import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
-import {atoms as a, useBreakpoints} from '#/alf'
+import {atoms as a, useBreakpoints, useTheme} from '#/alf'
import {Button, ButtonText} from '#/components/Button'
import * as Dialog from '#/components/Dialog'
import * as TextField from '#/components/forms/TextField'
@@ -32,6 +32,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
const {_} = useLingui()
const {currentAccount} = useSession()
const agent = useAgent()
+ const t = useTheme()
const {openModal} = useModalControls()
const {gtTablet} = useBreakpoints()
@@ -118,7 +119,20 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
{currentAccount?.email}
{' '}
- to verify it is you.
+ to verify it is you.{' '}
+ {
+ control.close(() => {
+ openModal({name: 'change-email'})
+ })
+ }}
+ style={[
+ a.text_md,
+ a.leading_snug,
+ {color: t.palette.primary_500},
+ ]}>
+ Need to change it?
+
) : (
uiStrings[currentStep].message
@@ -167,21 +181,6 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
I Have a Code
-
>
) : currentStep === 'StepTwo' ? (
<>