From c51b4290dc77d194f1c54778dbe14e3eced9ac77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Thu, 10 Jul 2025 16:14:18 +0800
Subject: [PATCH] fix: mcp server card button display (#22141)

---
 web/app/components/tools/mcp/mcp-service-card.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/app/components/tools/mcp/mcp-service-card.tsx b/web/app/components/tools/mcp/mcp-service-card.tsx
index 443d7a1d1..c0c542da2 100644
--- a/web/app/components/tools/mcp/mcp-service-card.tsx
+++ b/web/app/components/tools/mcp/mcp-service-card.tsx
@@ -1,9 +1,7 @@
 'use client'
 import React, { useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiLoopLeftLine,
-} from '@remixicon/react'
+import { RiEditLine, RiLoopLeftLine } from '@remixicon/react'
 import {
   Mcp,
 } from '@/app/components/base/icons/src/vender/other'
@@ -209,7 +207,11 @@ function MCPServiceCard({
               variant='ghost'
               onClick={() => setShowMCPServerModal(true)}
             >
-              {serverPublished ? t('tools.mcp.server.edit') : t('tools.mcp.server.addDescription')}
+
+              <div className="flex items-center justify-center gap-[1px]">
+                    <RiEditLine className="h-3.5 w-3.5" />
+                    <div className="system-xs-medium px-[3px] text-text-tertiary">{serverPublished ? t('tools.mcp.server.edit') : t('tools.mcp.server.addDescription')}</div>
+                  </div>
             </Button>
           </div>
         </div>