diff --git a/src/layouts/baseSection.astro b/src/layouts/baseSection.astro
index 5c18e88..59d0cfc 100644
--- a/src/layouts/baseSection.astro
+++ b/src/layouts/baseSection.astro
@@ -48,8 +48,15 @@ const { title } = Astro.props
   }
 
   .base {
-    margin-left: 3rem;
-    margin-right: 3rem;
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  @media (min-width: 1000px) {
+    .base {
+      margin-left: 3rem;
+      margin-right: 3rem;
+    }
   }
 
   @media (min-width: 1500px) {
diff --git a/src/layouts/contactSection.astro b/src/layouts/contactSection.astro
index 2e12e82..4519510 100644
--- a/src/layouts/contactSection.astro
+++ b/src/layouts/contactSection.astro
@@ -35,6 +35,10 @@ const { title } = Astro.props
       justify-content: left;
     }
   }
+  .base {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
 
   @media (min-width: 400px) {
     .base {
diff --git a/src/layouts/taSection.astro b/src/layouts/taSection.astro
index 6ac5b5a..a93a800 100644
--- a/src/layouts/taSection.astro
+++ b/src/layouts/taSection.astro
@@ -52,8 +52,15 @@ if (abovetext === undefined) {
   }
 
   .base {
-    margin-left: 3rem;
-    margin-right: 3rem;
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  @media (min-width: 1000px) {
+    .base {
+      margin-left: 3rem;
+      margin-right: 3rem;
+    }
   }
 
   @media (min-width: 1500px) {