From dc0398614977bd92e99ca7127a02344caf5404f5 Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Thu, 26 Jun 2025 15:21:27 -0700
Subject: [PATCH] fix styling for add mcp button

---
 .../src/components/SidePanel/MCP/MCPPanel.tsx | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/client/src/components/SidePanel/MCP/MCPPanel.tsx b/client/src/components/SidePanel/MCP/MCPPanel.tsx
index d4f46e61bd..850d555bfc 100644
--- a/client/src/components/SidePanel/MCP/MCPPanel.tsx
+++ b/client/src/components/SidePanel/MCP/MCPPanel.tsx
@@ -133,12 +133,16 @@ export default function MCPPanel() {
           {localize('com_sidepanel_mcp_no_servers_with_vars')}
         </div>
         <div className="mt-4">
-          <Button
+          <button
+            type="button"
             onClick={handleAddMCP}
-            className="w-full bg-green-500 text-white hover:bg-green-600"
+            className="btn btn-neutral border-token-border-light relative h-9 w-full rounded-lg font-medium"
+            aria-haspopup="dialog"
           >
-            {localize('com_ui_add_mcp')}
-          </Button>
+            <div className="flex w-full items-center justify-center gap-2">
+              {localize('com_ui_add_mcp')}
+            </div>
+          </button>
         </div>
       </div>
     );
@@ -196,12 +200,16 @@ export default function MCPPanel() {
               {server.serverName}
             </Button>
           ))}
-          <Button
+          <button
+            type="button"
             onClick={handleAddMCP}
-            className="w-full bg-green-500 text-white hover:bg-green-600"
+            className="btn btn-neutral border-token-border-light relative h-9 w-full rounded-lg font-medium"
+            aria-haspopup="dialog"
           >
-            {localize('com_ui_add_mcp')}
-          </Button>
+            <div className="flex w-full items-center justify-center gap-2">
+              {localize('com_ui_add_mcp')}
+            </div>
+          </button>
         </div>
       </div>
     );