diff --git a/web/src/components/AgentMessageComponent.vue b/web/src/components/AgentMessageComponent.vue
index 0bc4d511..60b67b9e 100644
--- a/web/src/components/AgentMessageComponent.vue
+++ b/web/src/components/AgentMessageComponent.vue
@@ -148,6 +148,13 @@ const parsedData = computed(() => {
   let content = props.message.content.trim() || '';
   let reasoning_content = props.message.additional_kwargs?.reasoning_content || '';
 
+  if (reasoning_content) {
+    return {
+      content,
+      reasoning_content,
+    }
+  }
+
   // Regex to find <think>...</think> or an unclosed <think>... at the end of the string.
   const thinkRegex = /<think>(.*?)<\/think>|<think>(.*?)$/s;
   const thinkMatch = content.match(thinkRegex);