diff --git a/resources/js/Components/MetroMap/MetroCanvas.vue b/resources/js/Components/MetroMap/MetroCanvas.vue
index 7c9ed5d..521067b 100644
--- a/resources/js/Components/MetroMap/MetroCanvas.vue
+++ b/resources/js/Components/MetroMap/MetroCanvas.vue
@@ -585,7 +585,7 @@ const renderBranchHandles = (nodeGroup, node, allNodes) => {
                     .attr('font-family', "'VT323', monospace")
                     .attr('font-size', '12px')
                     .attr('opacity', 0.5)
-                    .text(occupied ? 'interchange' : ([0, 180].includes(b.deg) ? 'extend' : 'new track'))
+                    .text(occupied ? 'interchange' : ([90, 270].includes(b.deg) ? 'new track' : 'extend'))
             })
             .on('mouseleave', () => {
                 handleGroup.selectAll('.ghost-preview').remove()
@@ -595,7 +595,7 @@ const renderBranchHandles = (nodeGroup, node, allNodes) => {
                 emit('create-node', {
                     x: targetX,
                     y: targetY,
-                    lineId: [0, 180].includes(b.deg) ? node.lineId : null, // horizontal = same line, vertical + diagonal = new track
+                    lineId: [90, 270].includes(b.deg) ? null : node.lineId, // only up/down = new track, everything else extends
                     afterNodeId: node.id,
                     branchAngle: b.deg,
                     parentNodeId: currentDimensionData.value?.parentNodeId ?? null,