From bdf23d2b5d89169d0406db1a58e799c3ce9922ae Mon Sep 17 00:00:00 2001
From: "vorflux[bot]" <249966464+vorflux[bot]@users.noreply.github.com>
Date: Thu, 21 May 2026 17:32:34 +0530
Subject: [PATCH] chore: replace play icon with sync icon on connections list
 (#983)

Co-authored-by: MaheshtheDev <38828053+MaheshtheDev@users.noreply.github.com>
---
 apps/web/app/(auth)/login/new/page.tsx           | 6 +++---
 apps/web/components/settings/connections-mcp.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/(auth)/login/new/page.tsx b/apps/web/app/(auth)/login/new/page.tsx
index 6272cd96..086cd8ac 100644
--- a/apps/web/app/(auth)/login/new/page.tsx
+++ b/apps/web/app/(auth)/login/new/page.tsx
@@ -36,9 +36,9 @@ function buildMcpAuthorizeResumeUrl(
 
 function AnimatedGradientBackground() {
 	return (
-		<div className="fixed inset-0 z-0 overflow-hidden">
+		<div className="fixed inset-0 z-0 overflow-hidden bg-[#030912]">
 			<motion.div
-				className="absolute top-[20%] left-0 right-0 bottom-0 bg-[url('/onboarding/bg-gradient-0.png')] bg-size-[150%_auto] bg-top bg-no-repeat"
+				className="absolute top-0 left-0 right-0 bottom-0 bg-[url('/onboarding/bg-gradient-0.png')] bg-size-[150%_auto] bg-top bg-no-repeat"
 				initial={{ y: "100%" }}
 				animate={{
 					y: 0,
@@ -54,7 +54,7 @@ function AnimatedGradientBackground() {
 				}}
 			/>
 			<motion.div
-				className="absolute top-[20%] left-0 right-0 bottom-0 bg-[url('/onboarding/bg-gradient-1.png')] bg-size-[150%_auto] bg-top bg-no-repeat"
+				className="absolute top-0 left-0 right-0 bottom-0 bg-[url('/onboarding/bg-gradient-1.png')] bg-size-[150%_auto] bg-top bg-no-repeat"
 				initial={{ y: "100%" }}
 				animate={{
 					y: 0,
diff --git a/apps/web/components/settings/connections-mcp.tsx b/apps/web/components/settings/connections-mcp.tsx
index 3f149753..013a9b8a 100644
--- a/apps/web/components/settings/connections-mcp.tsx
+++ b/apps/web/components/settings/connections-mcp.tsx
@@ -12,7 +12,7 @@ import {
 	ChevronDown,
 	History,
 	Loader2,
-	Play,
+	RefreshCw,
 	Plus,
 	Trash2,
 	Zap,
@@ -270,7 +270,7 @@ function ConnectionRow({
 								{isSyncing ? (
 									<Loader2 className="size-[18px] animate-spin" />
 								) : (
-									<Play className="size-[18px]" />
+									<RefreshCw className="size-[18px]" />
 								)}
 							</button>
 						)}