diff --git a/apps/platform/src/features/flow-editor/nodes/core-node.tsx b/apps/platform/src/features/flow-editor/nodes/core-node.tsx
index 1395347..43178f7 100644
--- a/apps/platform/src/features/flow-editor/nodes/core-node.tsx
+++ b/apps/platform/src/features/flow-editor/nodes/core-node.tsx
@@ -244,6 +244,7 @@ const CoreNode = memo(({ selected, data }) => {
                 type="target"
                 position={LAYOUT[handleLayout][0]}
                 tooltip={t('ui.text.dataEntry')}
+                color={prefs?.color}
               />
 
               <Card className="items-start bg-transparent py-2! shadow-none border-none">
@@ -273,6 +274,7 @@ const CoreNode = memo(({ selected, data }) => {
                 position={LAYOUT[handleLayout][1]}
 
                 tooltip={t('ui.text.dataOutput')}
+                color={prefs?.color}
               />
             </div>
           </div>
diff --git a/apps/platform/src/features/flow-editor/nodes/node-handles.tsx b/apps/platform/src/features/flow-editor/nodes/node-handles.tsx
index ae8693c..0037b66 100644
--- a/apps/platform/src/features/flow-editor/nodes/node-handles.tsx
+++ b/apps/platform/src/features/flow-editor/nodes/node-handles.tsx
@@ -13,6 +13,7 @@ type NodeHandlesProps = {
   type: 'source' | 'target'
   position: Position
   tooltip: string
+  color?: string
 }
 
 // Labels sit outside the node so they never cover its content.
@@ -28,6 +29,7 @@ const NodeHandles = ({
   type,
   position,
   tooltip,
+  color,
 }: NodeHandlesProps) => {
   const isVertical = position === 'left' || position === 'right'
 
@@ -45,7 +47,7 @@ const NodeHandles = ({
               id={handle.key}
               type={type}
               position={position}
-              style={placement}
+              style={{ ...placement, color }}
               className="border-ring hover:shadow-md"
             />
           </TooltipTrigger>
@@ -57,7 +59,7 @@ const NodeHandles = ({
           <span
             aria-hidden
             className={cn(
-              'text-muted-foreground pointer-events-none absolute text-[10px] whitespace-nowrap',
+              'bg-background ring-border pointer-events-none absolute rounded px-1 py-px text-[10px] leading-tight whitespace-nowrap ring-1',
               LABEL_SIDE[position],
             )}
             style={placement}