diff --git a/assets/css/src/grid.css b/assets/css/src/grid.css
index fe61cc6..e36b381 100644
--- a/assets/css/src/grid.css
+++ b/assets/css/src/grid.css
@@ -27,3 +27,9 @@ body.full-width #main-content {
 .grid[data-columns="1"] .column {
   grid-column: 11 / span 20;
 }
+
+@media screen and (min-width: 640px) {
+  [data-template="grid"] main #main-content {
+    margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
+  }
+}
diff --git a/site/templates/grid.php b/site/templates/grid.php
index 1b48a89..d9381f4 100644
--- a/site/templates/grid.php
+++ b/site/templates/grid.php
@@ -16,7 +16,7 @@
       <?php foreach ($page->body()->toLayouts() as $layout): ?>
       <section class="grid" id="<?= $layout->id() ?>" data-columns="<?= $layout->columns()->count() ?>">
         <?php foreach ($layout->columns() as $column): ?>
-        <div class="column" style="--span:<?= $column->span(38) ?>">
+        <div class="column" style="--span:<?= $column->span(32) ?>">
           <div class="blocks">
             <?= $column->blocks() ?>
           </div>