diff --git a/src/fixed-footer-layout.tsx b/src/fixed-footer-layout.tsx
index cda3ba1989..64096fed36 100644
--- a/src/fixed-footer-layout.tsx
+++ b/src/fixed-footer-layout.tsx
@@ -163,6 +163,7 @@ const FixedFooterLayout = ({
                 {renderBackground()}
                 {children}
             </div>
+            {isFooterVisible && <style>{`html {scroll-padding-bottom: ${domFooterHeight}px};`}</style>}
             <div
                 className={classnames(styles.footer, {
                     [styles.withoutFooter]: !isFooterVisible,