From c834b114a7c00fa5c41167fd2416f5718f4d773e Mon Sep 17 00:00:00 2001
From: Glen Maddern <glen@glenmaddern.com>
Date: Thu, 26 Jun 2025 09:50:50 +1000
Subject: [PATCH] Round corners more on blue connected server transport type
 badge

Change from rounded-md to rounded-lg for better visual consistency
---
 examples/chat-ui/src/components/McpServerModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/chat-ui/src/components/McpServerModal.tsx b/examples/chat-ui/src/components/McpServerModal.tsx
index 06014e4..6b5cee1 100644
--- a/examples/chat-ui/src/components/McpServerModal.tsx
+++ b/examples/chat-ui/src/components/McpServerModal.tsx
@@ -288,7 +288,7 @@ const McpServerModal: React.FC<McpServerModalProps> = ({ isOpen, onClose, onTool
                       <div className="flex items-center gap-2">
                         {getStatusBadge(server.enabled ? state : 'disabled')}
                         {server.enabled && state === 'ready' && (
-                          <span className="px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-md font-mono">
+                          <span className="px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-lg font-mono">
                             {server.transportType.toUpperCase()}
                           </span>
                         )}