diff --git a/bun.lockb b/bun.lockb
index 22c965c..d310632 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 901ef9b..941b896 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
     "@inertiajs/vue3": "^1.2.0",
     "@sentry/vue": "^8.30.0",
     "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
     "@vitejs/plugin-vue": "^5.1.4",
     "autoprefixer": "^10.4.20",
     "laravel-vite-plugin": "^1.0.5",
diff --git a/resources/css/content.css b/resources/css/content.css
index f28f4ae..42997c1 100644
--- a/resources/css/content.css
+++ b/resources/css/content.css
@@ -1,16 +1,14 @@
 @layer components {
     .content {
+        @apply prose text-neutral-700;
+
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
-            @apply text-brand-900 font-heading;
-
-            a {
-                @apply text-brand-800 hover:no-underline;
-            }
+            @apply font-heading font-bold  text-neutral-900;
         }
 
         h1 {
@@ -77,10 +75,6 @@
             @apply border-b border-brand-200;
         }
 
-        > * + * {
-            @apply mt-6;
-        }
-
         * {
             & + h1,
             & + h2,
@@ -88,7 +82,7 @@
             & + h4,
             & + h5,
             & + h6 {
-                @apply mt-12;
+                @apply mt-8;
             }
         }
     }
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 2cc224c..4aaef43 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -44,5 +44,6 @@ module.exports = {
 
     plugins: [
         require('@tailwindcss/forms'),
+        require('@tailwindcss/typography'),
     ],
 }