Removing hr as descendant p warnings

frontend/src/routes/guest/register/steps/register.tsx

@@ -234,10 +234,10 @@ const GuestRegisterStep = forwardRef(
           >
             {t('guestRegisterWizardText.yourContactInformation')}
           </Typography>
-          <Typography sx={{ paddingBottom: '2rem' }}>
+          <Typography>
             {t('guestRegisterWizardText.contactInformationDescription')}
-            <Divider sx={{ border: '1px solid' }} />
           </Typography>
+          <Divider sx={{ marginBottom: '2rem', border: '1px solid' }} />
           <form onSubmit={onSubmit}>
             <Stack spacing={2}>
               {/* The name is only editable if it is not coming from some trusted source */}
@@ -476,13 +476,13 @@ const GuestRegisterStep = forwardRef(
                   <Typography variant="h5" sx={{ paddingTop: '1rem' }}>
                     {t('guestRegisterWizardText.identityHeader')}
                   </Typography>
-                  <Typography sx={{ paddingBottom: '1rem' }}>
+                  <Typography>
                     <Trans i18nKey="common:guestRegisterWizardText.identityBody">
                       Enter national identity number if you have one.
                       <strong>Otherwise</strong> use passport information.
                     </Trans>
-                    <Divider sx={{ border: '1px solid' }} />
                   </Typography>
+                  <Divider sx={{ marginBottom: '1rem', border: '1px solid' }} />
                   {/* The guest should fill in one of national ID number or passport number */}
                   <Controller
                     name="nationalIdNumber"
@@ -575,10 +575,10 @@ const GuestRegisterStep = forwardRef(
               <Typography variant="h5" sx={{ paddingTop: '1rem' }}>
                 {t('guestRegisterWizardText.yourGuestPeriod')}
               </Typography>
-              <Typography sx={{ paddingBottom: '1rem' }}>
+              <Typography>
                 {t('guestRegisterWizardText.guestPeriodDescription')}
-                <Divider sx={{ border: '1px solid' }} />
               </Typography>
+              <Divider sx={{ marginBottom: '1rem', border: '1px solid' }} />
               <TextField
                 id="ou-unit"
                 value={