fix connecting btn changing size

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>

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"