diff --git a/src/components/Footer.module.scss b/src/components/Footer.module.scss
index 44f2396f6..b2f52b286 100644
--- a/src/components/Footer.module.scss
+++ b/src/components/Footer.module.scss
@@ -3,6 +3,10 @@
   color: var(--color-teal-300);
   padding: 1.5rem 0;
   font-size: 0.75rem;
+
+  :global(.site-container) {
+    padding: 0 2rem;
+  }
 }
 
 .container {
diff --git a/src/components/Header.module.scss b/src/components/Header.module.scss
index dc4108b30..1e738125b 100644
--- a/src/components/Header.module.scss
+++ b/src/components/Header.module.scss
@@ -13,6 +13,10 @@
     );
   }
 
+  :global(.site-container) {
+    padding: 0 2rem;
+  }
+
   .hamburgerMenu {
     display: none;
     grid-area: menu;