diff --git a/packages/react-components/src/components/timegraph-output-component.tsx b/packages/react-components/src/components/timegraph-output-component.tsx
index 8145d219..6c807161 100644
--- a/packages/react-components/src/components/timegraph-output-component.tsx
+++ b/packages/react-components/src/components/timegraph-output-component.tsx
@@ -540,6 +540,7 @@ export class TimegraphOutputComponent extends AbstractTreeOutputComponent<Timegr
                         className="table-tree timegraph-tree"
                         emptyNodes={this.state.emptyNodes}
                         hideEmptyNodes={this.shouldHideEmptyNodes}
+                        headers={this.state.columns}
                     />
                 </div>
                 <div ref={this.markerTreeRef} className="scrollable" style={{ height: this.getMarkersLayerHeight() }}>
diff --git a/packages/react-components/style/output-components-style.css b/packages/react-components/style/output-components-style.css
index 307678bb..f24365bd 100644
--- a/packages/react-components/style/output-components-style.css
+++ b/packages/react-components/style/output-components-style.css
@@ -306,17 +306,19 @@ canvas {
 }
 
 .timegraph-tree {
-    border: 0px;
+    border-collapse: collapse;
 }
 
 .timegraph-tree tr {
     /* TODO: Fix row alignment, this number is arbitrary, it works [on my machine], but it should match line height in timeline-chart */
     line-height: 18px;
+    border:none;
 }
 
 .timegraph-tree td {
     padding: 1px;
-    border: 0px;
+    border-left: 1px solid var(--trace-viewer-tree-inactiveIndentGuidesStroke);
+    border-bottom:none;
 }
 
 #input-filter-container {