diff --git a/assets/sass/components/_posts.scss b/assets/sass/components/_posts.scss
index 0cdfcaa8..d07ee0ec 100644
--- a/assets/sass/components/_posts.scss
+++ b/assets/sass/components/_posts.scss
@@ -1,8 +1,9 @@
 .posts__pagination {
-  @include container;
+  padding: 1em $pad-min;
+}
+
+.posts__pagination-container {
   display: flex;
-  margin-top: 1em;
-  margin-bottom: 1em;
 }
 
 .posts__next-link,
diff --git a/layouts/section/blog.html b/layouts/section/blog.html
index 202b0788..b948794f 100644
--- a/layouts/section/blog.html
+++ b/layouts/section/blog.html
@@ -20,12 +20,14 @@
   </section>
 
   <section class="posts__pagination">
-    {{ if .Paginator.HasNext }}
-      <a class="posts__next-link" href="{{.Paginator.Next.URL}}">← Older</a>
-    {{ end }}
+    <div class="container posts__pagination-container">
+      {{ if .Paginator.HasNext }}
+        <a class="posts__next-link" href="{{.Paginator.Next.URL}}">← Older</a>
+      {{ end }}
 
-    {{ if .Paginator.HasPrev }}
-      <a class="posts__prev-link" href="{{.Paginator.Prev.URL}}">Newer →</a>
-    {{ end }}
+      {{ if .Paginator.HasPrev }}
+        <a class="posts__prev-link" href="{{.Paginator.Prev.URL}}">Newer →</a>
+      {{ end }}
+    </div>
   </section>
 {{ end }}
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 0b9c5314..131671e5 100644
--- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -377,12 +377,10 @@ pre {
       border-bottom: 1px dashed #ddd; } }
 
 .posts__pagination {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 40rem;
-  display: flex;
-  margin-top: 1em;
-  margin-bottom: 1em; }
+  padding: 1em 6.5%; }
+
+.posts__pagination-container {
+  display: flex; }
 
 .posts__next-link,
 .posts__prev-link {