Use Alert for the signup error messages
@@ -82,6 +82,7 @@ export const SignupForm: React.SFC<RouteComponentProps<{ lang: string }>> = ({
{location?.state?.message && (
<Alert variant="alert">{location.state.message}</Alert>
)}
+ {errorMessage && <Alert variant="alert">{errorMessage}</Alert>}
<Grid
sx={{
@@ -97,8 +98,6 @@ export const SignupForm: React.SFC<RouteComponentProps<{ lang: string }>> = ({
<FormattedMessage id="signup.signupWithEmail" />
</Text>
- {errorMessage && <div>{errorMessage}</div>}
-
<InputWrapper
sx={{ mb: 0 }}
errors={getFieldErrors("validationEmail")}
