Add border to subflow node for better visual distinction

cursoragent · emir-karabeg · cursoragent · commit ff99b731db17 · 2025-12-20T01:49:38.000Z
Co-authored-by: emir &lt;emir@simstudio.ai&gt;
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/subflows/subflow-node.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/subflows/subflow-node.tsx
@@ -211,7 +211,7 @@ export const SubflowNodeComponent = memo(({ data, id }: NodeProps<SubflowNodeDat
           >
             {/* Subflow Start */}
             <div
-              className='absolute top-[16px] left-[16px] flex items-center justify-center rounded-[8px] bg-[var(--surface-2)] px-[12px] py-[6px]'
+              className='absolute top-[16px] left-[16px] flex items-center justify-center rounded-[8px] border border-[var(--divider)] bg-[var(--surface-2)] px-[12px] py-[6px]'
               style={{ pointerEvents: isPreview ? 'none' : 'auto' }}
               data-parent-id={id}
               data-node-role={`${data.kind}-start`}

Original file line number	Diff line number	Diff line change
`@@ -211,7 +211,7 @@ export const SubflowNodeComponent = memo(({ data, id }: NodeProps<SubflowNodeDat`
`211`	`211`	`>`
`212`	`212`	`{/* Subflow Start */}`
`213`	`213`	`<div`
`214`		`- className='absolute top-[16px] left-[16px] flex items-center justify-center rounded-[8px] bg-[var(--surface-2)] px-[12px] py-[6px]'`
	`214`	`+ className='absolute top-[16px] left-[16px] flex items-center justify-center rounded-[8px] border border-[var(--divider)] bg-[var(--surface-2)] px-[12px] py-[6px]'`
`215`	`215`	`style={{ pointerEvents: isPreview ? 'none' : 'auto' }}`
`216`	`216`	`data-parent-id={id}`
`217`	`217`	data-node-role={`${data.kind}-start`}