diff --git a/examples/cms-agilitycms/components/post-header.js b/examples/cms-agilitycms/components/post-header.js
index 46663683994bc..c04fd549869bf 100644
--- a/examples/cms-agilitycms/components/post-header.js
+++ b/examples/cms-agilitycms/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage
           title={title}
           responsiveImage={coverImage.responsiveImage}
diff --git a/examples/cms-buttercms/components/post-header.js b/examples/cms-buttercms/components/post-header.js
index 464d011814a89..05d86b92c2059 100644
--- a/examples/cms-buttercms/components/post-header.js
+++ b/examples/cms-buttercms/components/post-header.js
@@ -13,7 +13,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
           picture={author.profile_image}
         />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-contentful/components/post-header.js b/examples/cms-contentful/components/post-header.js
index a8edc4383bc1a..dcf7fbd06b7e3 100644
--- a/examples/cms-contentful/components/post-header.js
+++ b/examples/cms-contentful/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         {author && <Avatar name={author.name} picture={author.picture} />}
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage.url} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-cosmic/components/post-header.js b/examples/cms-cosmic/components/post-header.js
index 3c7ea94d5c03f..83b469ed470f8 100644
--- a/examples/cms-cosmic/components/post-header.js
+++ b/examples/cms-cosmic/components/post-header.js
@@ -13,7 +13,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
           picture={author.metadata.picture.imgix_url}
         />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage.imgix_url} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-datocms/components/post-header.js b/examples/cms-datocms/components/post-header.js
index 1f5df01f909f8..0163da046c63c 100644
--- a/examples/cms-datocms/components/post-header.js
+++ b/examples/cms-datocms/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage
           title={title}
           responsiveImage={coverImage.responsiveImage}
diff --git a/examples/cms-prismic/components/post-header.js b/examples/cms-prismic/components/post-header.js
index aa837f3189259..0295f3c9af909 100644
--- a/examples/cms-prismic/components/post-header.js
+++ b/examples/cms-prismic/components/post-header.js
@@ -11,7 +11,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         {author && <Avatar name={author.name} picture={author.picture} />}
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={RichText.asText(title)} url={coverImage.url} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-sanity/components/post-header.js b/examples/cms-sanity/components/post-header.js
index 5c46191cd3da3..1cf76feb67e77 100644
--- a/examples/cms-sanity/components/post-header.js
+++ b/examples/cms-sanity/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-storyblok/components/post-header.js b/examples/cms-storyblok/components/post-header.js
index 13679d6e12426..96fa80e5adf7d 100644
--- a/examples/cms-storyblok/components/post-header.js
+++ b/examples/cms-storyblok/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.content.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-strapi/components/post-header.js b/examples/cms-strapi/components/post-header.js
index d374e572bada5..ae3f6481b2496 100644
--- a/examples/cms-strapi/components/post-header.js
+++ b/examples/cms-strapi/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} url={coverImage.url} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-takeshape/components/post-header.js b/examples/cms-takeshape/components/post-header.js
index 9918f022fc866..9c021e703a504 100644
--- a/examples/cms-takeshape/components/post-header.js
+++ b/examples/cms-takeshape/components/post-header.js
@@ -10,7 +10,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
       <div className="hidden md:block md:mb-12">
         <Avatar name={author.name} picture={author.picture} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} coverImage={coverImage} />
       </div>
       <div className="max-w-2xl mx-auto">
diff --git a/examples/cms-wordpress/components/post-header.js b/examples/cms-wordpress/components/post-header.js
index c9d8ff9e70fba..3e8f08a935579 100644
--- a/examples/cms-wordpress/components/post-header.js
+++ b/examples/cms-wordpress/components/post-header.js
@@ -17,7 +17,7 @@ export default function PostHeader({
       <div className="hidden md:block md:mb-12">
         <Avatar author={author} />
       </div>
-      <div className="mb-8 md:mb-16 -mx-5 sm:mx-0">
+      <div className="mb-8 md:mb-16 sm:mx-0">
         <CoverImage title={title} coverImage={coverImage} />
       </div>
       <div className="max-w-2xl mx-auto">