style tweaks, improve web

src/components/dialogs/VerifyEmailDialog.tsx

@@ -162,7 +162,6 @@ export function Inner({
     <Dialog.ScrollableInner
       label={_(msg`Verify email dialog`)}
       style={web({maxWidth: 450})}>
-      <Dialog.Close />
       <View style={[a.gap_xl]}>
         {currentStep === 'Reminder' && (
           <View
@@ -170,7 +169,9 @@ export function Inner({
               a.rounded_sm,
               a.align_center,
               a.justify_center,
-              {height: 150, backgroundColor: t.palette.primary_500},
+              {height: 150},
+              t.atoms.bg_contrast_100,
+              web(a.mt_2xl),
             ]}>
             <EnvelopeIcon width={64} fill="white" />
           </View>
@@ -272,7 +273,7 @@ export function Inner({
               <Button
                 label={_(msg`Maybe layer`)}
                 accessibilityHint={_(msg`Snooze reminder`)}
-                variant="solid"
+                variant="ghost"
                 color="secondary"
                 size="large"
                 disabled={isProcessing}
@@ -355,6 +356,7 @@ export function Inner({
           ) : null}
         </View>
       </View>
+      <Dialog.Close />
     </Dialog.ScrollableInner>
   )
 }