diff --git a/tailwind.config.js b/tailwind.config.js
index b8aa72d..cd1f0ab 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,10 +1,20 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const colors = require('tailwindcss/colors')
+const typography = require('@tailwindcss/typography')
 
 module.exports = {
   purge: {
     enabled: process.env.NODE_ENV === 'production',
-    content: ['./index.html', './src/**/*.vue', './src/**/*.js', './src/**/*.ts'],
+    content: [
+      './index.html',
+      './src/**/*.vue',
+      './src/**/*.md',
+      './src/**/*.js',
+      './src/**/*.ts',
+    ],
+    options: {
+      safelist: ['prose', 'prose-sm', 'm-auto'],
+    },
   },
   variants: {
     cursor: ['responsive', 'disabled'],
@@ -12,10 +22,9 @@ module.exports = {
     borderColor: ['dark', 'active', 'focus', 'disabled'],
     textColor: ['dark', 'hover', 'active', 'disabled'],
     opacity: ['dark', 'hover', 'active', 'focus', 'disabled'],
-    typography: ['dark'],
   },
   darkMode: 'class',
-  plugins: [require('@tailwindcss/typography')],
+  plugins: [typography],
   theme: {
     extend: {
       colors: {