diff --git a/pages/about/index.module.css b/pages/about/index.module.css
index 8f1d0528..547d2d1b 100644
--- a/pages/about/index.module.css
+++ b/pages/about/index.module.css
@@ -34,6 +34,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    margin-bottom: calc(30rem / 16);
+  }
+
   .titleContainer {
     display: flex;
     flex-direction: column;
diff --git a/pages/about/our-supporters.module.css b/pages/about/our-supporters.module.css
index 6e6ccff6..8b8131cb 100644
--- a/pages/about/our-supporters.module.css
+++ b/pages/about/our-supporters.module.css
@@ -1,3 +1,7 @@
+.page {
+  margin-bottom: calc(60rem / 16);
+}
+
 .headerContainer {
   display: flex;
   flex-direction: row;
@@ -18,6 +22,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    margin-bottom: calc(30rem / 16);
+  }
+
   .headerContainer {
     flex-direction: column-reverse;
     align-items: center;
diff --git a/pages/about/our-supporters.tsx b/pages/about/our-supporters.tsx
index 7822957e..e40560d7 100644
--- a/pages/about/our-supporters.tsx
+++ b/pages/about/our-supporters.tsx
@@ -9,7 +9,7 @@ import styles from "./our-supporters.module.css";
 
 export default function OurSupporters() {
   return (
-    <>
+    <div className={styles.page}>
       <Title>Our Supporters</Title>
       <div className={styles.headerContainer}>
         <h1 className={styles.header}>Our Supporters</h1>
@@ -18,6 +18,6 @@ export default function OurSupporters() {
       <div className={styles.content}>
         <Content />
       </div>
-    </>
+    </div>
   );
 }
diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css
index 6cc15303..1e0359fe 100644
--- a/pages/get-involved.module.css
+++ b/pages/get-involved.module.css
@@ -1,5 +1,5 @@
 .page {
-  margin: calc(50rem / 16) 0;
+  margin: calc(60rem / 16) 0;
 }
 
 .page > header {
@@ -51,6 +51,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    margin: calc(30rem / 16);
+  }
+
   .page > header {
     display: flex;
     flex-direction: column-reverse;
diff --git a/pages/index.module.css b/pages/index.module.css
index e62ad859..61e6ff52 100644
--- a/pages/index.module.css
+++ b/pages/index.module.css
@@ -1,5 +1,5 @@
 .page {
-  padding-bottom: calc(60rem / 16);
+  margin-bottom: calc(60rem / 16);
 }
 
 .intro {
@@ -126,7 +126,7 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .page {
-    padding-bottom: calc(30rem / 16);
+    margin-bottom: calc(30rem / 16);
   }
 
   .intro {