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"