diff --git a/src/apis/paths/mcp.ts b/src/apis/paths/mcp.ts
index f0a258e4948b6b18107a56f0ed7e0966ff0b5645..7d7297350f49bb3e37fe7411380a57fd7a8f1011 100644
--- a/src/apis/paths/mcp.ts
+++ b/src/apis/paths/mcp.ts
@@ -29,7 +29,7 @@ const getMcpList = (params: {
   }>(MCP_BASE_URL, params);
 };
 
-const getMcpServiceDetail = (id: string) => {
+const getMcpServiceDetail = (id: string, edit?: boolean) => {
   return get<{
     serviceId: string;
     icon: string;
@@ -60,7 +60,7 @@ const getMcpServiceDetail = (id: string) => {
         };
       };
     }[];
-  }>(`${MCP_BASE_URL}/${id}`);
+  }>(`${MCP_BASE_URL}/${id}`, { edit });
 };
 
 const createOrUpdateMcpService = (params: {
diff --git a/src/views/api/components/McpDrawer.vue b/src/views/api/components/McpDrawer.vue
index 1fd3c563e15da3478b2158811c92151e61ec59ad..7cb2bfd8031e1b73fd355dc8fb03929c2dacc6df 100644
--- a/src/views/api/components/McpDrawer.vue
+++ b/src/views/api/components/McpDrawer.vue
@@ -151,11 +151,12 @@ async function onConfirm(formEl: FormInstance | undefined) {
 }
 
 async function getMcpServiceDetail(serviceId: string) {
-  const [, res] = await api.getMcpServiceDetail(serviceId);
+  const [, res] = await api.getMcpServiceDetail(serviceId, true);
   if (res) {
-    const { icon, name, description, data, mcpType } = res.result;
+    const { icon, name, description, data, mcpType, overview } = res.result;
     form.icon = icon;
     form.name = name;
+    form.overview = overview;
     form.description = description;
     form.type = mcpType;
     form.mcpConfig = data;
diff --git a/src/views/api/components/McpServiceDetail.vue b/src/views/api/components/McpServiceDetail.vue
index b4bb3f3d050cbda2be1836890bb9aba379f5aae7..3476bc280b95922008952170bafd64f119ba5c17 100644
--- a/src/views/api/components/McpServiceDetail.vue
+++ b/src/views/api/components/McpServiceDetail.vue
@@ -9,6 +9,7 @@ import { ElEmpty } from 'element-plus';
 import i18n from 'src/i18n';
 import { useChangeThemeStore } from '@/store';
 import { storeToRefs } from 'pinia';
+import marked from '@/utils/marked';
 
 interface McpDetail {
   serviceId: string;
@@ -115,9 +116,10 @@ watch(
               name="description"
               :lazy="true"
             >
-              <div class="description">
-                {{ mcpServiceDetail.description }}
-              </div>
+              <div
+                class="description"
+                v-html="marked.parse(mcpServiceDetail.description)"
+              ></div>
             </el-tab-pane>
             <el-tab-pane
               :label="t('plugin_center.server_tool')"
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 3635fc745236defd7823117a2c3c26e912e79f05..73c0cbe963f9190950aeb548937b38e2f530d96d 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -181,8 +181,8 @@
                               >
                                 {{
                                   item.isActive
-                                    ? t('plugin_center.mcp.activate')
-                                    : t('plugin_center.mcp.deactivate')
+                                    ? t('plugin_center.mcp.deactivate')
+                                    : t('plugin_center.mcp.activate')
                                 }}
                               </el-button>
                               <el-button
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 6a86190602655b3e85aea0d44ee95c668d77ffb4..9026e8bf1b264eee270881b083c408f2230647e1 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -65,7 +65,7 @@
       padding-top: 4px;
       width: 1340px;
       .appCenterCardBox {
-        margin-top: 16px;
+        padding-top: 16px;
         width: fit-content;
         display: flex;
         flex-wrap: wrap;