diff --git a/frontend/src/routes/guest/register/steps/register.tsx b/frontend/src/routes/guest/register/steps/register.tsx index 0aeb97877b9cc78d61357391621a88c1fe77ac99..5e396d333bb3b46bd61f59d0e5c8e2fd04b96c0c 100644 --- a/frontend/src/routes/guest/register/steps/register.tsx +++ b/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={