From 166317b1ec3387a27c4de08a04ca81fc21b369d1 Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Fri, 3 Jul 2026 20:39:25 +0530
Subject: [PATCH] Tighten MCP picker card spacing

---
 apps/mcp/src/widget/components/WorkspaceCard.tsx | 13 ++++++-------
 apps/mcp/src/widget/views/Picker.tsx             |  4 ++--
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/mcp/src/widget/components/WorkspaceCard.tsx b/apps/mcp/src/widget/components/WorkspaceCard.tsx
index 277ee856..490add1a 100644
--- a/apps/mcp/src/widget/components/WorkspaceCard.tsx
+++ b/apps/mcp/src/widget/components/WorkspaceCard.tsx
@@ -20,30 +20,30 @@ export function WorkspaceCard({
 	return (
 		<Card
 			as="button"
-			className="min-h-[132px] w-full p-4"
+			className="min-h-[104px] w-full p-3"
 			onClick={() => onClick(containerTag.containerTag)}
 			variant={active ? "active" : "interactive"}
 		>
-			<div className="absolute right-4 top-4 text-[11px] font-medium leading-none">
+			<div className="absolute right-3 top-3 text-[11px] font-medium leading-none">
 				{access ? <PermissionBadge permission={access.permission} /> : null}
 			</div>
 			{active ? (
-				<Check className="absolute bottom-4 right-4 size-3.5 shrink-0 text-accent" />
+				<Check className="absolute bottom-3 right-3 size-3 shrink-0 text-accent" />
 			) : null}
 			<Stack className="h-full" gap="xs">
 				<Stack align="center" direction="row" gap="sm" justify="between">
 					<span
-						className="min-w-0 max-w-[calc(100%-96px)] truncate text-sm font-medium text-white"
+						className="min-w-0 max-w-[calc(100%-88px)] truncate text-sm font-medium text-white"
 						style={{ fontFamily: "var(--font-brand)" }}
 					>
 						{name}
 					</span>
 				</Stack>
-				<div className="truncate text-xs leading-relaxed text-[#8B8B8B]">
+				<div className="truncate text-xs leading-normal text-[#8B8B8B]">
 					{containerTag.containerTag}
 				</div>
 				{(containerTag.documentCount > 0 || containerTag.memoryCount > 0) && (
-					<div className="mt-1 flex items-center gap-(--space-2) text-xs leading-relaxed text-[#8B8B8B]">
+					<div className="mt-0.5 flex items-center gap-(--space-2) text-xs leading-normal text-[#8B8B8B]">
 						<span>
 							{containerTag.documentCount} doc
 							{containerTag.documentCount === 1 ? "" : "s"}
@@ -55,7 +55,6 @@ export function WorkspaceCard({
 						</span>
 					</div>
 				)}
-				<div className="flex-1" />
 			</Stack>
 		</Card>
 	)
diff --git a/apps/mcp/src/widget/views/Picker.tsx b/apps/mcp/src/widget/views/Picker.tsx
index d907b3c0..ba9d11da 100644
--- a/apps/mcp/src/widget/views/Picker.tsx
+++ b/apps/mcp/src/widget/views/Picker.tsx
@@ -81,13 +81,13 @@ export function Picker({
 				) : null}
 
 				{/* Bounded, scrollable list — keeps a stable height without showing scrollbar chrome. */}
-				<div className="min-h-[220px] max-h-[60vh] overflow-y-auto pr-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
+				<div className="min-h-[220px] max-h-[60vh] overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
 					{filtered.length === 0 ? (
 						<p className="py-(--space-6) text-center text-(length:--text-sm) text-text-muted">
 							No workspaces match “{query}”.
 						</p>
 					) : (
-						<div className="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-(--space-3)">
+						<div className="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-(--space-2)">
 							{filtered.map((tag) => {
 								const access = assignedTags?.find(
 									(t) => t.containerTag === tag.containerTag,