diff --git a/styles/components/_footer.scss b/styles/components/_footer.scss index 4599d203..f6871dd5 100644 --- a/styles/components/_footer.scss +++ b/styles/components/_footer.scss @@ -10,6 +10,7 @@ left: 0; bottom: 0; width: 100%; + height: $footer-height; .app-footer__info { flex-grow: 1; diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss index e9536579..ffc02311 100644 --- a/styles/components/_global_layout.scss +++ b/styles/components/_global_layout.scss @@ -14,7 +14,7 @@ display: flex; flex-wrap: nowrap; flex-grow: 1; - margin-bottom: 50px; + margin-bottom: $footer-height; .global-navigation { margin-top: -1px; diff --git a/styles/core/_variables.scss b/styles/core/_variables.scss index fd101e90..3586faa9 100644 --- a/styles/core/_variables.scss +++ b/styles/core/_variables.scss @@ -10,6 +10,7 @@ $icon-size-small: 2.4rem; $hover-transition-time: 0.2s; $search-input-height: 4.4rem; $search-button-width: 5.0rem; +$footer-height: 5.0rem; /* * USWDS Variables