diff --git a/resources/css/components/page-header.css b/resources/css/components/page-header.css
index 74e3ec4..a8baa85 100644
--- a/resources/css/components/page-header.css
+++ b/resources/css/components/page-header.css
@@ -1,5 +1,7 @@
 .page-header {
   @apply bg-primary text-white py-16  items-center relative;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
 
   &--has-overlap {
     @apply pb-64 -mb-48;
diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css
index a63da87..fddf566 100644
--- a/resources/css/components/post-header.css
+++ b/resources/css/components/post-header.css
@@ -1,5 +1,7 @@
 .post-header {
   @apply bg-primary text-white py-8 2xl:py-16 px-2 lg:px-4 md:px-8 overflow-x-hidden;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
 
   &:has(.post-header__inner--has-thumbnail) {
     @apply pb-16 2xl:!pb-20;
diff --git a/resources/css/layout/gutenberg.css b/resources/css/layout/gutenberg.css
index 6a55dc4..ad02cdf 100644
--- a/resources/css/layout/gutenberg.css
+++ b/resources/css/layout/gutenberg.css
@@ -3,6 +3,11 @@ article > *:not(.entry-content),
   @apply mx-auto max-w-content;
 }
 
+.site-content,
+.entry-content {
+  @apply px-4;
+}
+
 .entry-content,
 .block-editor-block-list__layout {
   h1 {