diff --git a/package.json b/package.json
index 89c3537d2..514666343 100644
--- a/package.json
+++ b/package.json
@@ -157,10 +157,10 @@
     "vitest": "^3.2.4",
     "vue": "^3.5.21",
     "vue-i18n": "^11.1.11",
-    "vue-renderer-markdown": "^0.0.47",
+    "vue-renderer-markdown": "0.0.52-beta.1",
     "vue-router": "4",
     "vue-tsc": "^2.2.12",
-    "vue-use-monaco": "^0.0.17",
+    "vue-use-monaco": "^0.0.20",
     "vue-virtual-scroller": "^2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
     "yaml": "^2.8.1",
diff --git a/src/renderer/src/components/artifacts/MermaidArtifact.vue b/src/renderer/src/components/artifacts/MermaidArtifact.vue
index 357332b07..bacbc6da4 100644
--- a/src/renderer/src/components/artifacts/MermaidArtifact.vue
+++ b/src/renderer/src/components/artifacts/MermaidArtifact.vue
@@ -92,6 +92,9 @@ watch(
   align-items: center;
   justify-content: center;
 }
+.mermaid-block-header img {
+  margin: 0 !important;
+}
 
 .mermaid :deep(svg) {
   width: 100% !important;
diff --git a/src/renderer/src/components/markdown/MarkdownRenderer.vue b/src/renderer/src/components/markdown/MarkdownRenderer.vue
index 9c9ce600e..3f157ba44 100644
--- a/src/renderer/src/components/markdown/MarkdownRenderer.vue
+++ b/src/renderer/src/components/markdown/MarkdownRenderer.vue
@@ -57,6 +57,14 @@ defineEmits(['copy'])
 
 <style>
 .prose {
+  pre {
+    background: transparent !important;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .mermaid-block-header img {
+    margin: 0 !important;
+  }
   li p {
     @apply py-0 my-0;
   }
diff --git a/src/renderer/src/main.ts b/src/renderer/src/main.ts
index 54d1259dc..7f9d755ad 100644
--- a/src/renderer/src/main.ts
+++ b/src/renderer/src/main.ts
@@ -1,3 +1,4 @@
+import 'vue-renderer-markdown/index.css'
 import './assets/main.css'
 import { addCollection } from '@iconify/vue'
 import lucideIcons from '@iconify-json/lucide/icons.json'
@@ -9,7 +10,6 @@ import router from './router'
 import { createI18n } from 'vue-i18n'
 import locales from './i18n'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
-import 'vue-renderer-markdown/index.tailwind.css'
 
 const i18n = createI18n({
   locale: 'zh-CN',