diff --git a/frontend/src/components/views/Graph.svelte b/frontend/src/components/views/Graph.svelte
index 6194be04a6..588154d975 100644
--- a/frontend/src/components/views/Graph.svelte
+++ b/frontend/src/components/views/Graph.svelte
@@ -186,21 +186,21 @@
 		} else {
 			// Both horizontal - use horizontal middle point
 			if (outConnectorX > inConnectorX) {
-				const midY = (inConnectorY + outConnectorY) / 2;
+				const midY = (inConnectorY + outConnectorY) / 2 + (((inConnectorY + outConnectorY) / 2) % gridSpacing);
 				return [
 					{ x: outConnectorX, y: outConnectorY },
-					{ x: outConnectorX + gridSpacing, y: outConnectorY },
-					{ x: outConnectorX + gridSpacing, y: midY },
-					{ x: inConnectorX - gridSpacing, y: midY },
-					{ x: inConnectorX - gridSpacing, y: inConnectorY },
+					{ x: outConnectorX + gridSpacing - 2 * lineWidth, y: outConnectorY },
+					{ x: outConnectorX + gridSpacing - 2 * lineWidth, y: midY },
+					{ x: inConnectorX - gridSpacing + lineWidth, y: midY },
+					{ x: inConnectorX - gridSpacing + lineWidth, y: inConnectorY },
 					{ x: inConnectorX, y: inConnectorY },
 				];
 			} else {
 				const midX = (outConnectorX + inConnectorX) / 2 + (((outConnectorX + inConnectorX) / 2) % gridSpacing);
 				return [
 					{ x: outConnectorX, y: outConnectorY },
-					{ x: midX - halfLineWidth, y: outConnectorY },
-					{ x: midX - halfLineWidth, y: inConnectorY },
+					{ x: midX - lineWidth, y: outConnectorY },
+					{ x: midX - lineWidth, y: inConnectorY },
 					{ x: inConnectorX, y: inConnectorY },
 				];
 			}