diff --git a/ui/index.html b/ui/index.html
index 4e8168e01..1f9ca13a8 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base target=_blank>
     <title>%VITE_APP_TITLE%</title>
   </head>
   <body>
diff --git a/ui/package.json b/ui/package.json
index 5d9c4291a..ca9174f91 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -26,7 +26,7 @@
     "markdown-it-sup": "^1.0.0",
     "markdown-it-task-lists": "^2.1.1",
     "markdown-it-toc-done-right": "^4.2.0",
-    "md-editor-v3": "^4.9.0",
+    "md-editor-v3": "^4.12.1",
     "medium-zoom": "^1.1.0",
     "mitt": "^3.0.0",
     "npm": "^10.2.4",
diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
index 671c7ed8c..75fb1efbb 100644
--- a/ui/src/layout/components/top-bar/index.vue
+++ b/ui/src/layout/components/top-bar/index.vue
@@ -1,14 +1,12 @@
 <template>
   <div class="top-bar-container border-b flex-between">
     <div class="flex-center h-full">
-      <a href="/">
-        <div class="app-title-container flex-center">
-          <div class="app-title-icon"></div>
-          <div class="app-title-text app-logo-font ml-4">
-            {{ defaultTitle }}
-          </div>
+      <div class="app-title-container flex-center cursor" @click="router.push('/')">
+        <div class="app-title-icon"></div>
+        <div class="app-title-text app-logo-font ml-4">
+          {{ defaultTitle }}
         </div>
-      </a>
+      </div>
       <TopMenu></TopMenu>
     </div>
     <div class="avatar">
@@ -19,6 +17,8 @@
 <script setup lang="ts">
 import TopMenu from './top-menu/index.vue'
 import Avatar from './avatar/index.vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 const defaultTitle = import.meta.env.VITE_APP_TITLE
 </script>
 <style lang="scss">
