diff --git a/web/src/components/ToolCallingResult/BaseToolCall.vue b/web/src/components/ToolCallingResult/BaseToolCall.vue
index c0000990..3aff665b 100644
--- a/web/src/components/ToolCallingResult/BaseToolCall.vue
+++ b/web/src/components/ToolCallingResult/BaseToolCall.vue
@@ -290,6 +290,11 @@ const formatResultData = (data) => {
         flex-shrink: 0;
       }
 
+
+      :deep(span.code) {
+        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      }
+
       :deep(.separator) {
         color: var(--gray-300);
         flex-shrink: 0;
diff --git a/web/src/components/ToolCallingResult/tools/EditFileTool.vue b/web/src/components/ToolCallingResult/tools/EditFileTool.vue
index 81f6a27f..ca816b54 100644
--- a/web/src/components/ToolCallingResult/tools/EditFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/EditFileTool.vue
@@ -5,7 +5,7 @@
         <span class="note">{{ toolCallName }}</span>
         <span class="separator" v-if="filePath">|</span>
         <span class="description">
-          {{ filePath }}
+          <span class="code">{{ filePath }}</span>
           <span class="tag success" v-if="addedLines > 0">+{{ addedLines }}</span>
           <span class="tag error" v-if="removedLines > 0">-{{ removedLines }}</span>
         </span>
diff --git a/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue b/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
index 29b65fb8..54cdd31c 100644
--- a/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
+++ b/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
@@ -4,7 +4,7 @@
       <div class="sep-header">
         <span class="note">{{ toolCallName }}</span>
         <span class="separator" v-if="dirPath">|</span>
-        <span class="description">{{ dirPath }}</span>
+        <span class="description code">{{ dirPath }}</span>
       </div>
     </template>
   </BaseToolCall>
diff --git a/web/src/components/ToolCallingResult/tools/ReadFileTool.vue b/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
index d3aeded3..962f2402 100644
--- a/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
@@ -5,7 +5,7 @@
         <span class="note">read_file</span>
         <span class="separator" v-if="filePath">|</span>
         <span class="description">
-          {{ filePath }}
+          <span class="code">{{ filePath }}</span>
           <span class="tag" v-if="lineRange">{{ lineRange }}</span>
         </span>
       </div>
diff --git a/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue b/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
index c31b10b7..2e5bfef5 100644
--- a/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
+++ b/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
@@ -6,7 +6,7 @@
         <span class="separator" v-if="pattern">|</span>
         <span class="keywords">{{ pattern }}</span>
         <span class="separator" v-if="dirPath">|</span>
-        <span class="description">{{ dirPath }}</span>
+        <span class="description code">{{ dirPath }}</span>
       </div>
     </template>
   </BaseToolCall>
diff --git a/web/src/components/ToolCallingResult/tools/WriteFileTool.vue b/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
index 42ff3332..d154b5ee 100644
--- a/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
@@ -4,7 +4,7 @@
       <div class="sep-header">
         <span class="note">write_file</span>
         <span class="separator" v-if="filePath">|</span>
-        <span class="description">{{ filePath }}</span>
+        <span class="description code">{{ filePath }}</span>
         <span class="tag success"> +{{ lineCount }}</span>
       </div>
     </template>