diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 730712297..97e0a072c 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -68,6 +68,18 @@ body { height: 1px; overflow: hidden; } + + // Fix "iOS viewport scroll bug" issue on iPhone + // where bottom of page is covered by address bar + @media only screen + and (min-device-width: 375px) + and (max-device-width: 812px) + and (-webkit-min-device-pixel-ratio: 3) + and (orientation: portrait) { + .page-container-grouped-styles { + padding-bottom: 3rem; + } + } } .modal-open { .container-fluid {