diff --git a/src/components/join-flow/gender-step.jsx b/src/components/join-flow/gender-step.jsx
index 919f75a21..638a3bd5c 100644
--- a/src/components/join-flow/gender-step.jsx
+++ b/src/components/join-flow/gender-step.jsx
@@ -81,6 +81,7 @@ class GenderStep extends React.Component {
                     return (
                         <JoinFlowStep
                             description={this.props.intl.formatMessage({id: 'registration.genderStepDescription'})}
+                            descriptionClassName="join-flow-gender-description"
                             infoMessage={this.props.intl.formatMessage({id: 'registration.genderStepInfo'})}
                             innerClassName="join-flow-inner-gender-step"
                             title={this.props.intl.formatMessage({id: 'registration.genderStepTitle'})}
diff --git a/src/components/join-flow/join-flow-steps.scss b/src/components/join-flow/join-flow-steps.scss
index c169ab2d9..23178a0b9 100644
--- a/src/components/join-flow/join-flow-steps.scss
+++ b/src/components/join-flow/join-flow-steps.scss
@@ -86,6 +86,7 @@
     /* need height so that flex will adjust children proportionately */
     height: 27.375rem;
     padding-top: 2.5rem;
+    padding-bottom: 1.5rem;
 }
 
 .join-flow-inner-country-step {
@@ -100,6 +101,11 @@
     padding-top: 3rem;
 }
 
+.join-flow-gender-description {
+    margin-top: .625rem;
+    margin-bottom: 1.25rem;
+}
+
 .gender-radio-row {
     transition: all .125s ease;
     width: 20.875rem;