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
         );