From ee96b38bfdb623f2e00980f37b8c793bd10c743e Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Fri, 3 Jul 2026 20:22:17 +0530
Subject: [PATCH] Move eligible check badge beside plugin name

---
 apps/web/app/auth/connect/page.tsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/apps/web/app/auth/connect/page.tsx b/apps/web/app/auth/connect/page.tsx
index 9c32330d..5e50a44c 100644
--- a/apps/web/app/auth/connect/page.tsx
+++ b/apps/web/app/auth/connect/page.tsx
@@ -203,16 +203,6 @@ function PluginAccessList({
 					const eligible = state === "eligible"
 					return (
 						<div className="flex items-center gap-3" key={`${id}-${state}`}>
-							<div
-								className={cn(
-									"flex size-6 shrink-0 items-center justify-center rounded-md border",
-									eligible
-										? "border-[#24413C] bg-[#0B1717] text-[#8BD8CB]"
-										: "border-transparent bg-transparent",
-								)}
-							>
-								{eligible && <Check className="size-3" strokeWidth={2} />}
-							</div>
 							{plugin && (
 								<Image
 									alt=""
@@ -231,6 +221,11 @@ function PluginAccessList({
 									>
 										{getPluginName(id)}
 									</p>
+									{eligible && (
+										<span className="inline-flex size-5 shrink-0 items-center justify-center rounded-full border border-[#24413C] bg-[#0B1717] text-[#8BD8CB]">
+											<Check className="size-3" strokeWidth={2} />
+										</span>
+									)}
 									{!eligible && (
 										<span
 											className={dmSans125ClassName(