From 25c94dc2f0fdb05643a213810c7cbe00d2be7e95 Mon Sep 17 00:00:00 2001
From: one <wangan.cs@gmail.com>
Date: Fri, 29 Aug 2025 17:29:27 +0800
Subject: [PATCH] fix: mcp tags overflow (#9662)

---
 .../src/pages/settings/MCPSettings/McpServerCard.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/settings/MCPSettings/McpServerCard.tsx b/src/renderer/src/pages/settings/MCPSettings/McpServerCard.tsx
index 1fa043e895..f8922d233d 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpServerCard.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpServerCard.tsx
@@ -1,4 +1,5 @@
 import { DeleteIcon } from '@renderer/components/Icons'
+import Scrollbar from '@renderer/components/Scrollbar'
 import { getMcpTypeLabel } from '@renderer/i18n/label'
 import { MCPServer } from '@renderer/types'
 import { Button, Switch, Tag, Typography } from 'antd'
@@ -160,12 +161,19 @@ const ServerDescription = styled.div`
   height: 50px;
 `
 
-const ServerFooter = styled.div`
+const ServerFooter = styled(Scrollbar)`
   display: flex;
   align-items: center;
-  gap: 4px;
   justify-content: flex-start;
+  flex-direction: row;
+  overflow-x: auto;
+  min-height: 22px;
+  gap: 4px;
   margin-top: 10px;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `
 
 const ServerTag = styled(Tag)`