From 7fc00ce1cbc45aebd2df0f52ceb5da7c55bb1787 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Thu, 14 Oct 2021 17:00:31 +0200
Subject: [PATCH] Fix sizing / positioning error for trace graph node with
 subsequent branches (#10049)

---
 src/components/trace/hat-graph-node.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/trace/hat-graph-node.ts b/src/components/trace/hat-graph-node.ts
index 5b623eb61e..203419657b 100644
--- a/src/components/trace/hat-graph-node.ts
+++ b/src/components/trace/hat-graph-node.ts
@@ -40,6 +40,8 @@ export class HatGraphNode extends LitElement {
     const width = SPACING + NODE_SIZE;
     return html`
       <svg
+        width="${width}px"
+        height="${height}px"
         viewBox="-${Math.ceil(width / 2)} -${this.graphStart
           ? Math.ceil(height / 2)
           : Math.ceil((NODE_SIZE + SPACING * 2) / 2)} ${width} ${height}"
@@ -89,7 +91,7 @@ export class HatGraphNode extends LitElement {
       :host {
         display: flex;
         flex-direction: column;
-        width: calc(var(--hat-graph-node-size) + var(--hat-graph-spacing));
+        min-width: calc(var(--hat-graph-node-size) + var(--hat-graph-spacing));
         height: calc(
           var(--hat-graph-node-size) + var(--hat-graph-spacing) + 1px
         );