diff --git a/static/css/chat.css b/static/css/chat.css
index f62f2c9..733012a 100644
--- a/static/css/chat.css
+++ b/static/css/chat.css
@@ -470,14 +470,6 @@ body:not(.loading) #loading {
 	margin-top: 16px;
 }
 
-.reasoning-text strong {
-	display: block;
-}
-
-.reasoning-text strong:not(:first-child) {
-	margin-top: 14px;
-}
-
 .message.has-reasoning:not(.has-text):not(.errored) div.text,
 .message.has-tool:not(.has-text):not(.errored) div.text,
 .message.has-files:not(.has-text):not(.errored) div.text,
diff --git a/static/js/chat.js b/static/js/chat.js
index 6085ccc..9c2530f 100644
--- a/static/js/chat.js
+++ b/static/js/chat.js
@@ -775,10 +775,12 @@
 				let reasoning = this.#reasoning || "";
 
 				if (this.#reasoningType === "reasoning.summary") {
-					reasoning = reasoning.replace(/(?<!^)\*\*(?!$)/gm, "\n\n**");
+					reasoning = reasoning.replace(/\s*\*\*([^\n*]+)\*\*\s*/gm, (_match, title) => {
+						return `\n\n### ${title}\n`;
+					});
 				}
 
-				this.#patch("reasoning", this.#_reasoning, this.#reasoning, () => {
+				this.#patch("reasoning", this.#_reasoning, reasoning, () => {
 					this.#updateReasoningHeight();
 
 					noScroll || scroll();
@@ -786,7 +788,7 @@
 					updateScrollButton();
 				});
 
-				this.#_message.classList.toggle("has-reasoning", !!this.#reasoning);
+				this.#_message.classList.toggle("has-reasoning", !!reasoning);
 			}
 
 			if (!only || only === "text") {