diff --git a/packages/website/src/components/Layout/Footer/styles.module.css b/packages/website/src/components/Layout/Footer/styles.module.css index 46faf2c0d0..fcb8907e3e 100644 --- a/packages/website/src/components/Layout/Footer/styles.module.css +++ b/packages/website/src/components/Layout/Footer/styles.module.css @@ -2,6 +2,8 @@ padding: 1.5em; background-color: var(--footerBackground); color: var(--textInSecondary); + position: sticky; + top: 100vh; } .footerNav { diff --git a/packages/website/src/utils/theme/theme.css b/packages/website/src/utils/theme/theme.css index 0551b04ccf..d3decb9fc5 100644 --- a/packages/website/src/utils/theme/theme.css +++ b/packages/website/src/utils/theme/theme.css @@ -42,6 +42,11 @@ color: var(--cardText); } +html { + scrollbar-gutter: stable; + scrollbar-color: var(--secondary) var(--background); +} + html, body { background-color: var(--background); @@ -63,6 +68,12 @@ body { sans-serif; } +html, +body, +#__next { + height: 100%; +} + h1 { font-size: 2em; }