diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index dfca5d709..18945e481 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -137,7 +137,7 @@ a {
   }
   @media all and (max-width: $mobileBreakpoint) {
     margin: 0 auto;
-    max-width: $pageWidth;
+    max-width: 100%;
   }
 
   & article {
@@ -172,6 +172,9 @@ a {
     @media all and (max-width: $desktopBreakpoint) {
       flex-direction: column;
     }
+    @media all and (max-width: $mobileBreakpoint) {
+      padding: 0 1rem;
+    }
 
     & .sidebar {
       flex: 1;
@@ -239,7 +242,7 @@ a {
     @media all and (max-width: $desktopBreakpoint) {
       margin: $topSpacing 0 0 0;
     }
-    @media all and (max-width: $tabletBreakpoint) {
+    @media all and (max-width: $mobileBreakpoint) {
       margin-top: 2rem;
     }
   }