diff --git a/main.go b/main.go
index 0ebb68e..7ad3679 100644
--- a/main.go
+++ b/main.go
@@ -68,7 +68,13 @@ func main() {
 			log.Fatal().Err(err).Msg("failed to load tailwind.config.js")
 			return
 		}
-		config := strings.Replace(string(configb), "module.exports", "tailwind.config", 1)
+		config := strings.Replace(
+			strings.Replace(
+				string(configb),
+				"plugins: [require('@tailwindcss/typography')]", "", 1,
+			),
+			"module.exports", "tailwind.config", 1,
+		)
 
 		styleb, err := os.ReadFile("tailwind.css")
 		if err != nil {
diff --git a/package.json b/package.json
index 9b7bd8b..8f1d515 100644
--- a/package.json
+++ b/package.json
@@ -6,5 +6,8 @@
   },
   "scripts": {
     "postinstall": "tailwind -i tailwind.css -o static/tailwind-bundle.min.css --minify"
+  },
+  "dependencies": {
+    "@tailwindcss/typography": "^0.5.10"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 01198e3..0c66353 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,7 @@ module.exports = {
       fontSize: {
         xs: '0.7rem',
         sm: '0.8rem',
-        '2xl': ['1.5rem', '1.1rem'],
+        '2xl': ['1.5rem', '1.1rem']
       },
       colors: {
         lavender: '#fdf0f5',
@@ -18,10 +18,10 @@ module.exports = {
         garnet: '#42091e'
       },
       borderWidth: {
-        '05rem': '0.5rem', // You can define custom border widths in rem units
+        '05rem': '0.5rem' // you can define custom border widths in rem units
       },
       gap: {
-        '48vw': '4.8vw',
+        '48vw': '4.8vw'
       },
       typography: ({theme}) => ({
         /* for markdown html content */
@@ -35,5 +35,6 @@ module.exports = {
         }
       })
     }
-  }
+  },
+  plugins: [require('@tailwindcss/typography')]
 }