diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/components/mixins/nodeBase.ts
index d2bb0e7e1d..142cfe135f 100644
--- a/packages/editor-ui/src/components/mixins/nodeBase.ts
+++ b/packages/editor-ui/src/components/mixins/nodeBase.ts
@@ -65,15 +65,15 @@ export const nodeBase = mixins(
 						maxConnections: -1,
 						endpoint: 'Rectangle',
 						endpointStyle: {
-							width: nodeTypeData && nodeTypeData.outputs.length > 2 ? 9 : 10,
-							height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 24,
-							fill: '#777',
-							stroke: '#777',
+							width: 8,
+							height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 20,
+							fill: getStyleTokenValue('--color-foreground-xdark'),
+							stroke: getStyleTokenValue('--color-foreground-xdark'),
 							lineWidth: 0,
 						},
 						endpointHoverStyle: {
-							width: nodeTypeData && nodeTypeData.outputs.length > 2 ? 9 : 10,
-							height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 24,
+							width: 8,
+							height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 20,
 							fill: getStyleTokenValue('--color-primary'),
 							stroke: getStyleTokenValue('--color-primary'),
 							lineWidth: 0,
@@ -85,12 +85,12 @@ export const nodeBase = mixins(
 						maxConnections: -1,
 						endpoint: 'Dot',
 						endpointStyle: {
-							radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 11,
-							fill: '#555',
+							radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 9,
+							fill: getStyleTokenValue('--color-foreground-xdark'),
 							outlineStroke: 'none',
 						},
 						endpointHoverStyle: {
-							radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 11,
+							radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 9,
 							fill: getStyleTokenValue('--color-primary'),
 							outlineStroke: 'none',
 						},
@@ -111,42 +111,42 @@ export const nodeBase = mixins(
 			} = {
 				input: {
 					1: [
-						'Left',
+						[0.01, 0.5, -1, 0],
 					],
 					2: [
-						[0, 0.3, -1, 0],
-						[0, 0.7, -1, 0],
+						[0.01, 0.3, -1, 0],
+						[0.01, 0.7, -1, 0],
 					],
 					3: [
-						[0, 0.25, -1, 0],
-						[0, 0.5, -1, 0],
-						[0, 0.75, -1, 0],
+						[0.01, 0.25, -1, 0],
+						[0.01, 0.5, -1, 0],
+						[0.01, 0.75, -1, 0],
 					],
 					4: [
-						[0, 0.2, -1, 0],
-						[0, 0.4, -1, 0],
-						[0, 0.6, -1, 0],
-						[0, 0.8, -1, 0],
+						[0.01, 0.2, -1, 0],
+						[0.01, 0.4, -1, 0],
+						[0.01, 0.6, -1, 0],
+						[0.01, 0.8, -1, 0],
 					],
 				},
 				output: {
 					1: [
-						'Right',
+						[.99, 0.5, 1, 0],
 					],
 					2: [
-						[1, 0.3, 1, 0],
-						[1, 0.7, 1, 0],
+						[.99, 0.3, 1, 0],
+						[.99, 0.7, 1, 0],
 					],
 					3: [
-						[1, 0.25, 1, 0],
-						[1, 0.5, 1, 0],
-						[1, 0.75, 1, 0],
+						[.99, 0.25, 1, 0],
+						[.99, 0.5, 1, 0],
+						[.99, 0.75, 1, 0],
 					],
 					4: [
-						[1, 0.2, 1, 0],
-						[1, 0.4, 1, 0],
-						[1, 0.6, 1, 0],
-						[1, 0.8, 1, 0],
+						[.99, 0.2, 1, 0],
+						[.99, 0.4, 1, 0],
+						[.99, 0.6, 1, 0],
+						[.99, 0.8, 1, 0],
 					],
 				},
 			};