diff --git a/pages/about/index.module.css b/pages/about/index.module.css
index 8f1d0528..0a3a228c 100644
--- a/pages/about/index.module.css
+++ b/pages/about/index.module.css
@@ -1,5 +1,5 @@
 .page {
-  margin: calc(20rem / 16) 0 calc(60rem / 16);
+  padding: calc(20rem / 16) 0 calc(60rem / 16);
 }
 
 .title {
@@ -34,6 +34,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    padding-bottom: calc(30rem / 16);
+  }
+
   .titleContainer {
     display: flex;
     flex-direction: column;
diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css
index 6cc15303..ffec8618 100644
--- a/pages/get-involved.module.css
+++ b/pages/get-involved.module.css
@@ -1,5 +1,5 @@
 .page {
-  margin: calc(50rem / 16) 0;
+  padding: calc(60em / 16) 0;
 }
 
 .page > header {
@@ -51,6 +51,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    padding: calc(30em / 16);
+  }
+
   .page > header {
     display: flex;
     flex-direction: column-reverse;