From 4e15bf102921347fd5f66a8a0fac987d5c135387 Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Thu, 18 Sep 2025 10:56:53 +0200
Subject: [PATCH] fix connecting btn changing size

---
 .../src/lib/components/FlowPlugConnect.svelte     | 15 ++-------------
 .../src/lib/components/InputTransformForm.svelte  |  6 +++---
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/FlowPlugConnect.svelte b/frontend/src/lib/components/FlowPlugConnect.svelte
index a3fad5c5c7..6db1a7daa0 100644
--- a/frontend/src/lib/components/FlowPlugConnect.svelte
+++ b/frontend/src/lib/components/FlowPlugConnect.svelte
@@ -16,23 +16,12 @@
 		size="xs2"
 		btnClasses={twMerge(
 			connecting ? 'text-blue-500' : 'text-tertiary',
-			'group/plug-btn overflow-clip flex'
+			'group/plug-btn overflow-clip flex p-0'
 		)}
 		on:click
 		{...id ? { id } : {}}
 		{wrapperClasses}
 	>
-		{#if !connecting}
-			<span
-				class="absolute -translate-x-3 opacity-0 group-hover/plug-btn:opacity-100 group-hover/plug-btn:translate-x-0 transition-all"
-				>&rightarrow;</span
-			>
-			<Plug
-				class="group-hover/plug-btn:opacity-0 group-hover/plug-btn:translate-x-3 transition-all"
-				size={14}
-			/>
-		{:else}
-			<span>&rightarrow;</span>
-		{/if}
+		<Plug size={14} />
 	</Button>
 </AnimatedButton>
diff --git a/frontend/src/lib/components/InputTransformForm.svelte b/frontend/src/lib/components/InputTransformForm.svelte
index 1551c80e5f..7251efb1bf 100644
--- a/frontend/src/lib/components/InputTransformForm.svelte
+++ b/frontend/src/lib/components/InputTransformForm.svelte
@@ -424,7 +424,7 @@
 							{pickableProperties}
 							{argName}
 							btnClass={twMerge(
-								'h-6 px-2',
+								'h-6 min-w-8 px-2',
 								'group-hover:opacity-100 transition-opacity',
 								!connecting ? 'opacity-0' : ''
 							)}
@@ -434,8 +434,8 @@
 					{#if propPickerWrapperContext}
 						<FlowPlugConnect
 							wrapperClasses={twMerge(
-								'h-6',
-								'group-hover:opacity-100 transition-opacity',
+								connecting ? 'h-5 w-7' : 'h-6 w-8',
+								'group-hover:opacity-100 transition-opacity p-0',
 								!connecting ? 'opacity-0' : ''
 							)}
 							id="flow-editor-plug"