diff --git a/_layouts/alternatives.html b/_layouts/alternatives.html
index 5c49c134..447c6060 100644
--- a/_layouts/alternatives.html
+++ b/_layouts/alternatives.html
@@ -1,7 +1,7 @@
 ---
 layout: content
 ---
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     {% include partial/alert.html
         style='info'
         title='caveat'
diff --git a/_layouts/content.html b/_layouts/content.html
index 6bb16c43..df620392 100644
--- a/_layouts/content.html
+++ b/_layouts/content.html
@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto"
+<article
 {% if layout.fullwith %}
 style="max-width: 90%"
 {% endif %}
diff --git a/_layouts/plugin_highlight.html b/_layouts/plugin_highlight.html
index 7f030e58..5cd9151f 100644
--- a/_layouts/plugin_highlight.html
+++ b/_layouts/plugin_highlight.html
@@ -1,7 +1,7 @@
 ---
 layout: content
 ---
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     <h2>{{ page.title }}</h2>
     {{ content }}
     {% if page.plugin %}
diff --git a/_layouts/post.html b/_layouts/post.html
index ff1b535f..ab438757 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -15,7 +15,7 @@ layout: default
     {% endif %}
 </header>
 
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     <h1>{{ page.title }}</h1>
     <p>
       {{ page.date | date_to_string }}
diff --git a/assets/index.css b/assets/index.css
index 8bac2d6d..e897d3ce 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -8,6 +8,10 @@ layout: empty
 
 
 @layer components {
+    article {
+        @apply prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto
+    }
+
     .custom-underline-blue {
         @apply border-b-4 border-blue-400;
     }