diff --git a/src/components/info-button/info-button.scss b/src/components/info-button/info-button.scss index b776ee6a3..f2d93303d 100644 --- a/src/components/info-button/info-button.scss +++ b/src/components/info-button/info-button.scss @@ -7,6 +7,7 @@ width: 1rem; height: 1rem; margin-left: .375rem; + margin-top: -.25rem; border-radius: 50%; background-color: $type-gray-60percent; background-image: url("/svgs/info-button/info-button.svg"); diff --git a/src/components/join-flow/join-flow-step.scss b/src/components/join-flow/join-flow-step.scss index 5c27e4253..e7de82007 100644 --- a/src/components/join-flow/join-flow-step.scss +++ b/src/components/join-flow/join-flow-step.scss @@ -27,7 +27,7 @@ .join-flow-description { font-size: .875rem; font-weight: bold; - line-height: 1.37500rem; + line-height: 1.125rem; margin-top: 0.78125rem; margin-bottom: 1.875rem; text-align: center; diff --git a/src/components/join-flow/join-flow-steps.scss b/src/components/join-flow/join-flow-steps.scss index abddb3b99..7488fd2b2 100644 --- a/src/components/join-flow/join-flow-steps.scss +++ b/src/components/join-flow/join-flow-steps.scss @@ -114,8 +114,6 @@ } .join-flow-inner-gender-step { - /* need height so that flex will adjust children proportionately */ - height: 27.25rem; padding-top: 2.625rem; padding-bottom: 1rem; } @@ -177,7 +175,7 @@ .gender-radio-row { transition: all .125s ease; width: 20.875rem; - height: 2.85rem; + min-height: 2.85rem; background-color: $ui-gray; border-radius: .5rem; margin: 0 auto 0.375rem;