diff --git a/src/components/BlogFooter.astro b/src/components/BlogFooter.astro
index f7437c7..7d76c5e 100644
--- a/src/components/BlogFooter.astro
+++ b/src/components/BlogFooter.astro
@@ -17,7 +17,7 @@ const next = index !== 0 ? posts.at(index - 1) : undefined
 const previous = index !== posts.length - 1 ? posts.at(index + 1) : undefined
 ---
 
-<Container size="tight" class="mt-16 flex items-center" as="footer">
+<Container size="tight" class="mt-16 flex items-center mx-auto px-[4vw]" as="footer">
   <div class="flex flex-2 text-black dark:text-neutral-400">
     {
       previous !== undefined && (
diff --git a/src/pages/[slug]/index.astro b/src/pages/[slug]/index.astro
index 7fee2a4..52bc96a 100644
--- a/src/pages/[slug]/index.astro
+++ b/src/pages/[slug]/index.astro
@@ -129,8 +129,8 @@ const structuredData = {
 
   {
     suggestions.length > 0 && (
-      <section class="mt-24 bg-[#f6f6f6] dark:bg-[#2f333c] py-12">
-        <Container size="tight">
+      <section class="mt-24 bg-[#f6f6f6] dark:bg-[#2f333c] py-12 px-[4vw]">
+        <Container size="tight" class="mx-auto">
           <h3 class="mb-4 text-xl font-extrabold dark:text-white">
             You might also like...
           </h3>