From 3aa25f3257f981db0b7e8b5411dc209b66c6f4c2 Mon Sep 17 00:00:00 2001
From: Eric Duong <eric@posthog.com>
Date: Tue, 31 Dec 2024 11:08:31 -0500
Subject: [PATCH] chore(editor-3001): update dependency tree spacing (#27202)

---
 frontend/src/scenes/data-model/NodeCanvas.tsx                 | 4 ++--
 .../data-warehouse/editor/OutputPaneTabs/lineageTab.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/scenes/data-model/NodeCanvas.tsx b/frontend/src/scenes/data-model/NodeCanvas.tsx
index ca6e5b0de01eb..1c8d0c72a23e2 100644
--- a/frontend/src/scenes/data-model/NodeCanvas.tsx
+++ b/frontend/src/scenes/data-model/NodeCanvas.tsx
@@ -3,8 +3,8 @@ import { useEffect, useRef, useState } from 'react'
 
 import { Edge, Node, NodePosition, NodePositionWithBounds, NodeWithDepth } from './types'
 
-const VERTICAL_SPACING = 150
-const HORIZONTAL_SPACING = 250
+const VERTICAL_SPACING = 300
+const HORIZONTAL_SPACING = 400
 
 // Core graph layout calculation functions
 const assignDepths = (nodes: Node[]): NodeWithDepth[] => {
diff --git a/frontend/src/scenes/data-warehouse/editor/OutputPaneTabs/lineageTab.tsx b/frontend/src/scenes/data-warehouse/editor/OutputPaneTabs/lineageTab.tsx
index f4e8e2e38e498..967216dd154f4 100644
--- a/frontend/src/scenes/data-warehouse/editor/OutputPaneTabs/lineageTab.tsx
+++ b/frontend/src/scenes/data-warehouse/editor/OutputPaneTabs/lineageTab.tsx
@@ -19,7 +19,7 @@ export function LineageTab(): JSX.Element {
         <GenericNode pref={ref}>
             <div className="flex flex-col max-w-full">
                 <div className="flex flex-wrap justify-between gap-2">
-                    <div className="font-bold break-words">{node.name}</div>
+                    <div className="font-bold break-all">{node.name}</div>
                     {node.savedQueryId && (
                         <LemonButton
                             type="primary"