diff --git a/bun.lockb b/bun.lockb
index 0925f83..996fc62 100644
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index b203f25..22a0e6f 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "poe2-loot-filter-tauri",
   "type": "module",
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.15",
     "@types/bun": "latest",
     "daisyui": "^4.12.23"
   },
diff --git a/src/app.rs b/src/app.rs
index c2a8415..6487c4b 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -118,7 +118,7 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
 
     let max_level = store.settings().max_level();
     view! {
-        <main class="container p-4">
+        <main class="container p-4 prose max-w-none">
             <ul class="list-disc pl-4 pb-2">
                 <li>"Config folder: %appdata%\\LeonLiu\\POE2 Loot Filter\\config"</li>
                 <li>
@@ -139,7 +139,7 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
                 <li>
                     "From area level 11 to 69, hide normal or magic items of which the drop level is 10 level lower than the area level."
                 </li>
-                <li>
+                <li class="not-prose">
                     "In areas lower than level"
                     <input
                         class="mx-1 h-8"
diff --git a/tailwind.config.js b/tailwind.config.js
index 9f2fae7..8f23dca 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,5 +9,5 @@ module.exports = {
   theme: {
     extend: {},
   },
-  plugins: [require('daisyui')],
+  plugins: [require("@tailwindcss/typography"), require('daisyui')],
 }
\ No newline at end of file