From 5644a0a4f1530c7a4f417762883488a0b0ae5a0a Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 10 Oct 2024 12:13:23 -0700
Subject: [PATCH] tweaks

---
 src/components/dialogs/VerifyEmailDialog.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/dialogs/VerifyEmailDialog.tsx b/src/components/dialogs/VerifyEmailDialog.tsx
index e2c9f79a86..32c5b3d30c 100644
--- a/src/components/dialogs/VerifyEmailDialog.tsx
+++ b/src/components/dialogs/VerifyEmailDialog.tsx
@@ -34,7 +34,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
   const agent = useAgent()
   const t = useTheme()
   const {openModal} = useModalControls()
-  const {gtTablet} = useBreakpoints()
+  const {gtMobile} = useBreakpoints()
 
   const [currentStep, setCurrentStep] = React.useState<
     'StepOne' | 'StepTwo' | 'StepThree'
@@ -153,7 +153,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
             </TextField.Root>
           </View>
         ) : null}
-        <View style={[a.gap_sm, gtTablet && [a.flex_row_reverse, a.ml_auto]]}>
+        <View style={[a.gap_sm, gtMobile && [a.flex_row_reverse, a.ml_auto]]}>
           {currentStep === 'StepOne' ? (
             <>
               <Button
@@ -208,6 +208,9 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) {
                 <ButtonText>
                   <Trans>Resend Email</Trans>
                 </ButtonText>
+                {isProcessing ? (
+                  <Loader size="sm" style={[{color: 'white'}]} />
+                ) : null}
               </Button>
             </>
           ) : currentStep === 'StepThree' ? (