From a81a7ed55d6946ff07d49ad3886bbf2640f53caf Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Thu, 2 Jul 2026 20:07:45 +0530
Subject: [PATCH] Match MCP permission pill to web card

---
 apps/mcp/src/widget/components/PermissionBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/mcp/src/widget/components/PermissionBadge.tsx b/apps/mcp/src/widget/components/PermissionBadge.tsx
index 3179d1b6..36680978 100644
--- a/apps/mcp/src/widget/components/PermissionBadge.tsx
+++ b/apps/mcp/src/widget/components/PermissionBadge.tsx
@@ -6,7 +6,7 @@ export function PermissionBadge({ permission }: Props) {
 	const isWrite = permission === "write"
 	return (
 		<span
-			className="ml-auto mt-2 inline-flex h-8 min-w-[92px] items-center justify-center rounded-full border border-[#0D121A] bg-[#080B0F] px-4 text-[12px] font-semibold text-text-primary shadow-[0_6px_18px_rgba(0,0,0,0.28)] transition-colors group-hover:bg-[#0D121A]"
+			className="ml-auto mt-2 inline-flex h-8 min-w-[94px] shrink-0 items-center justify-center gap-1.5 rounded-full bg-[#0D121A] px-3 text-[12px] font-medium text-[#FAFAFA] shadow-[inset_1.5px_1.5px_4.5px_rgba(0,0,0,0.7)] sm:h-9 sm:min-w-[116px] sm:px-5 sm:text-[14px]"
 			style={{ fontFamily: "var(--font-brand)" }}
 		>
 			{isWrite ? "Read/write" : "Read only"}