diff --git a/src/components/formik-forms/formik-input.scss b/src/components/formik-forms/formik-input.scss
index fa739015a..adcfd2028 100644
--- a/src/components/formik-forms/formik-input.scss
+++ b/src/components/formik-forms/formik-input.scss
@@ -5,7 +5,7 @@
     border-radius: .5rem;
     background-color: $ui-white;
     margin-bottom: .5rem;
-    transition: all .5s ease;
+    transition: all .5s ease, font-size 0s;
     border: 1px solid $active-gray;
     padding: 0 1rem;
     color: $type-gray;
@@ -15,6 +15,7 @@
         box-shadow: 0 0 0 .25rem $ui-blue-25percent;
         outline: none;
         border: 1px solid $ui-blue;
+        transition: all .5s ease, font-size 0s;
     }
 
     &.fail {
diff --git a/src/components/join-flow/join-flow-steps.scss b/src/components/join-flow/join-flow-steps.scss
index 7cf74d812..a8d9550ea 100644
--- a/src/components/join-flow/join-flow-steps.scss
+++ b/src/components/join-flow/join-flow-steps.scss
@@ -13,6 +13,10 @@
     }
 }
 
+.join-flow-input-password {
+    font-size: 1.5rem;
+}
+
 .join-flow-password-confirm {
     margin-bottom: .6875rem;
 }
diff --git a/src/components/join-flow/username-step.jsx b/src/components/join-flow/username-step.jsx
index 61a68c723..a1783a958 100644
--- a/src/components/join-flow/username-step.jsx
+++ b/src/components/join-flow/username-step.jsx
@@ -176,7 +176,9 @@ class UsernameStep extends React.Component {
                                     </div>
                                     <FormikInput
                                         className={classNames(
-                                            'join-flow-input'
+                                            'join-flow-input',
+                                            {'join-flow-input-password':
+                                                !values.showPassword && values.password.length > 0}
                                         )}
                                         error={errors.password}
                                         id="password"
@@ -201,7 +203,11 @@ class UsernameStep extends React.Component {
                                         className={classNames(
                                             'join-flow-input',
                                             'join-flow-password-confirm',
-                                            {fail: errors.passwordConfirm}
+                                            {
+                                                'join-flow-input-password':
+                                                    !values.showPassword && values.passwordConfirm.length > 0,
+                                                'fail': errors.passwordConfirm
+                                            }
                                         )}
                                         error={errors.passwordConfirm}
                                         id="passwordConfirm"