Merge pull request #1963 from ruidosujeira/fix-responsiveness-email

fix(cadastro): Corrige overflow e alinhamento do e-mail na tela de co…

Author: Rafatcb

pages/cadastro/confirmar/index.public.js

@@ -14,7 +14,20 @@ export default function ConfirmSignup() {
   return (
     <DefaultLayout containerWidth="medium" metadata={{ title: 'Confirme seu email' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%', mt: 10 }}>
-        <Heading as="h1">Confira seu e-mail: {email}</Heading>
+        <Heading as="h1" sx={{ textAlign: 'center', mb: 2 }}>
+          Confira seu e-mail:
+        </Heading>
+        <Text
+          sx={{
+            width: '100%',
+            textAlign: 'center',
+            overflowWrap: 'break-word',
+            fontWeight: 'bold',
+            fontSize: '1.25rem',
+            mb: 4,
+          }}>
+          {email}
+        </Text>
         <Text>
           Caso o e-mail esteja disponível, você receberá um link para confirmar seu cadastro e ativar a sua conta.
         </Text>