diff --git a/src/components/join-flow/join-flow-step.jsx b/src/components/join-flow/join-flow-step.jsx
index 27ff6afa8..d26e35d03 100644
--- a/src/components/join-flow/join-flow-step.jsx
+++ b/src/components/join-flow/join-flow-step.jsx
@@ -60,15 +60,17 @@ const JoinFlowStep = ({
{children}
- {footerContent && (
-
- {footerContent}
-
- )}
-
+
+ {footerContent && (
+
+ {footerContent}
+
+ )}
+
+
);
diff --git a/src/components/join-flow/join-flow-step.scss b/src/components/join-flow/join-flow-step.scss
index 1b13cbec6..5c27e4253 100644
--- a/src/components/join-flow/join-flow-step.scss
+++ b/src/components/join-flow/join-flow-step.scss
@@ -50,7 +50,7 @@
.join-flow-footer-message {
width: 100%;
- padding: 1.125rem 1.5rem 1.125rem;
+ padding: 0.875rem 1.5rem;
background-color: $ui-blue-25percent;
font-size: .75rem;
font-weight: 600;
diff --git a/src/components/join-flow/join-flow-steps.scss b/src/components/join-flow/join-flow-steps.scss
index 59075f9f5..7ca7f800b 100644
--- a/src/components/join-flow/join-flow-steps.scss
+++ b/src/components/join-flow/join-flow-steps.scss
@@ -126,7 +126,9 @@
}
.join-flow-inner-email-step {
- padding-top: 3rem;
+ padding-top: 1.25rem;
+ padding-bottom: 0;
+ min-height: 16.625rem;
}
.join-flow-inner-welcome-step {
@@ -203,7 +205,7 @@
.join-flow-email-checkbox-row {
font-size: .75rem;
- margin: .25rem .125rem;
+ margin: 1.5rem .125rem .25rem;
}
a.join-flow-link:link, a.join-flow-link:visited, a.join-flow-link:active {
diff --git a/src/l10n.json b/src/l10n.json
index dbe3875ff..daaee1082 100644
--- a/src/l10n.json
+++ b/src/l10n.json
@@ -169,6 +169,7 @@
"registration.genderOptionAnother": "Another gender:",
"registration.genderOptionPreferNotToSay": "Prefer not to say",
"registration.emailStepTitle": "What's your email?",
+ "registration.emailStepInfo": "NEED EMAIL STEP HERE",
"registration.goToClass": "Go to Class",
"registration.invitedBy": "invited by",
"registration.lastStepTitle": "Thank you for requesting a Scratch Teacher Account",