diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index bc9520b..9adf07f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -26,6 +26,7 @@
       },
       "devDependencies": {
         "@tailwindcss/postcss": "^4.1.11",
+        "@tailwindcss/typography": "^0.5.19",
         "autoprefixer": "^10.4.21",
         "postcss": "^8.5.6",
         "tailwindcss": "^3.4.1"
@@ -4065,6 +4066,31 @@
       "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
       "dev": true
     },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
+      "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      }
+    },
+    "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "10.4.1",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 86bc129..154e417 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -45,6 +45,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/typography": "^0.5.19",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.6",
     "tailwindcss": "^3.4.1"
diff --git a/frontend/src/components/ChatWindow.js b/frontend/src/components/ChatWindow.js
index d4d251c..4eaf1a5 100644
--- a/frontend/src/components/ChatWindow.js
+++ b/frontend/src/components/ChatWindow.js
@@ -124,7 +124,7 @@
 
           <div
             className={`mt-2 text-xs transition-all duration-500 ease-in-out overflow-y-auto thought-panel pl-4 pr-2 py-1 custom-scrollbar ${isReasoningExpanded ? "max-h-[400px] opacity-100 mb-2" : "max-h-0 opacity-0"
-              } text-gray-600 dark:text-gray-400 font-light leading-relaxed`}
+              } text-gray-600 dark:text-gray-400 font-light leading-relaxed prose prose-sm dark:prose-invert max-w-none prose-pre:my-1 prose-p:my-1`}
           >
             <ReactMarkdown>{message.reasoning}</ReactMarkdown>
           </div>
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 3fbc811..80695b1 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -6,6 +6,8 @@
     theme: {
       extend: {},
     },
-    plugins: [],
+    plugins: [
+      require('@tailwindcss/typography'),
+    ],
   };
   
\ No newline at end of file