diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 9f94edc..af87395 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -42,7 +42,7 @@
       </div>
       <nuxt-content
         :document="post"
-        class="my-6 md:my-12 max-w-none w-full text-justify prose prose-sm sm:prose lg:prose-lg xl:prose-2xl dark:prose dark:prose-dark"
+        class="my-6 md:my-12 max-w-none w-full text-justify prose prose-sm sm:prose sm:max-w-none lg:prose-lg lg:max-w-none dark:prose-dark dark:max-w-none"
       />
       <p class="mb-3">
         {{ $t('blog.read.thanks') }}
diff --git a/tailwind.config.js b/tailwind.config.js
index 363f9f1..7a285a0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -929,7 +929,7 @@ module.exports = {
     transitionProperty: ['responsive'],
     transitionTimingFunction: ['responsive'],
     translate: ['responsive', 'hover', 'focus'],
-    typography: ['dark'],
+    typography: ['dark', 'responsive'],
     userSelect: ['responsive'],
     verticalAlign: ['responsive'],
     visibility: ['responsive'],