diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index 358a4799e..dcdc0f8e7 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2761,6 +2761,7 @@ scenarios: {
 		loadFromFile(t, "multiple_offset"),
 		loadFromFile(t, "multiple_offset_left"),
 		loadFromFile(t, "multiple_box_selection"),
+		loadFromFile(t, "outside_bottom_labels"),
 	}
 
 	runa(t, tcs)
diff --git a/e2etests/testdata/files/outside_bottom_labels.d2 b/e2etests/testdata/files/outside_bottom_labels.d2
new file mode 100644
index 000000000..620a4d6f7
--- /dev/null
+++ b/e2etests/testdata/files/outside_bottom_labels.d2
@@ -0,0 +1,15 @@
+p1: Daphne Snickerdoodle {
+  shape: person
+}
+p2: Prudence McSnortle {
+  shape: person
+}
+p3: Polly Pizzazzle {
+  shape: person
+}
+p1 -> p3
+p2 -> p3
+p1 -> p3
+p2 -> p3
+p3 -> p2
+p3 -> p1
diff --git a/e2etests/testdata/stable/outside_bottom_labels/dagre/board.exp.json b/e2etests/testdata/stable/outside_bottom_labels/dagre/board.exp.json
new file mode 100644
index 000000000..5f01bab22
--- /dev/null
+++ b/e2etests/testdata/stable/outside_bottom_labels/dagre/board.exp.json
@@ -0,0 +1,454 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "p1",
+      "type": "person",
+      "pos": {
+        "x": 0,
+        "y": 0
+      },
+      "width": 174,
+      "height": 116,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Daphne Snickerdoodle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 159,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "p2",
+      "type": "person",
+      "pos": {
+        "x": 9,
+        "y": 447
+      },
+      "width": 157,
+      "height": 105,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Prudence McSnortle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 142,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "p3",
+      "type": "person",
+      "pos": {
+        "x": 28,
+        "y": 242
+      },
+      "width": 118,
+      "height": 79,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Polly Pizzazzle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 103,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [
+    {
+      "id": "(p1 -> p3)[0]",
+      "src": "p1",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 80,
+          "y": 116
+        },
+        {
+          "x": 69.5999984741211,
+          "y": 176.8000030517578
+        },
+        {
+          "x": 69,
+          "y": 202.1999969482422
+        },
+        {
+          "x": 77,
+          "y": 243
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p2 -> p3)[0]",
+      "src": "p2",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 87,
+          "y": 447
+        },
+        {
+          "x": 87,
+          "y": 407
+        },
+        {
+          "x": 87,
+          "y": 381.79998779296875
+        },
+        {
+          "x": 87,
+          "y": 321
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p1 -> p3)[1]",
+      "src": "p1",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 87,
+          "y": 116
+        },
+        {
+          "x": 87,
+          "y": 176.8000030517578
+        },
+        {
+          "x": 87,
+          "y": 202
+        },
+        {
+          "x": 87,
+          "y": 242
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p2 -> p3)[1]",
+      "src": "p2",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 98,
+          "y": 448
+        },
+        {
+          "x": 105.19999694824219,
+          "y": 407.20001220703125
+        },
+        {
+          "x": 104,
+          "y": 381.79998779296875
+        },
+        {
+          "x": 92,
+          "y": 321
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p3 -> p2)[0]",
+      "src": "p3",
+      "srcArrow": "none",
+      "dst": "p2",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 82,
+          "y": 321
+        },
+        {
+          "x": 70,
+          "y": 381.79998779296875
+        },
+        {
+          "x": 68.80000305175781,
+          "y": 407.20001220703125
+        },
+        {
+          "x": 76,
+          "y": 448
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p3 -> p1)[0]",
+      "src": "p3",
+      "srcArrow": "none",
+      "dst": "p1",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 97,
+          "y": 243
+        },
+        {
+          "x": 105,
+          "y": 202.1999969482422
+        },
+        {
+          "x": 104.4000015258789,
+          "y": 176.8000030517578
+        },
+        {
+          "x": 94,
+          "y": 116
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    }
+  ],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/outside_bottom_labels/dagre/sketch.exp.svg b/e2etests/testdata/stable/outside_bottom_labels/dagre/sketch.exp.svg
new file mode 100644
index 000000000..fdd5e27f2
--- /dev/null
+++ b/e2etests/testdata/stable/outside_bottom_labels/dagre/sketch.exp.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 176 579"><svg id="d2-svg" class="d2-1295674035" width="176" height="579" viewBox="-1 -1 176 579"><rect x="-1.000000" y="-1.000000" width="176.000000" height="579.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1295674035 .text-bold {
+	font-family: "d2-1295674035-font-bold";
+}
+@font-face {
+	font-family: d2-1295674035-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-1295674035 .fill-N1{fill:#0A0F25;}
+		.d2-1295674035 .fill-N2{fill:#676C7E;}
+		.d2-1295674035 .fill-N3{fill:#9499AB;}
+		.d2-1295674035 .fill-N4{fill:#CFD2DD;}
+		.d2-1295674035 .fill-N5{fill:#DEE1EB;}
+		.d2-1295674035 .fill-N6{fill:#EEF1F8;}
+		.d2-1295674035 .fill-N7{fill:#FFFFFF;}
+		.d2-1295674035 .fill-B1{fill:#0D32B2;}
+		.d2-1295674035 .fill-B2{fill:#0D32B2;}
+		.d2-1295674035 .fill-B3{fill:#E3E9FD;}
+		.d2-1295674035 .fill-B4{fill:#E3E9FD;}
+		.d2-1295674035 .fill-B5{fill:#EDF0FD;}
+		.d2-1295674035 .fill-B6{fill:#F7F8FE;}
+		.d2-1295674035 .fill-AA2{fill:#4A6FF3;}
+		.d2-1295674035 .fill-AA4{fill:#EDF0FD;}
+		.d2-1295674035 .fill-AA5{fill:#F7F8FE;}
+		.d2-1295674035 .fill-AB4{fill:#EDF0FD;}
+		.d2-1295674035 .fill-AB5{fill:#F7F8FE;}
+		.d2-1295674035 .stroke-N1{stroke:#0A0F25;}
+		.d2-1295674035 .stroke-N2{stroke:#676C7E;}
+		.d2-1295674035 .stroke-N3{stroke:#9499AB;}
+		.d2-1295674035 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1295674035 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1295674035 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1295674035 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1295674035 .stroke-B1{stroke:#0D32B2;}
+		.d2-1295674035 .stroke-B2{stroke:#0D32B2;}
+		.d2-1295674035 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1295674035 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1295674035 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1295674035 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1295674035 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1295674035 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1295674035 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1295674035 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1295674035 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1295674035 .background-color-N1{background-color:#0A0F25;}
+		.d2-1295674035 .background-color-N2{background-color:#676C7E;}
+		.d2-1295674035 .background-color-N3{background-color:#9499AB;}
+		.d2-1295674035 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1295674035 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1295674035 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1295674035 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1295674035 .background-color-B1{background-color:#0D32B2;}
+		.d2-1295674035 .background-color-B2{background-color:#0D32B2;}
+		.d2-1295674035 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1295674035 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1295674035 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1295674035 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1295674035 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1295674035 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1295674035 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1295674035 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1295674035 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1295674035 .color-N1{color:#0A0F25;}
+		.d2-1295674035 .color-N2{color:#676C7E;}
+		.d2-1295674035 .color-N3{color:#9499AB;}
+		.d2-1295674035 .color-N4{color:#CFD2DD;}
+		.d2-1295674035 .color-N5{color:#DEE1EB;}
+		.d2-1295674035 .color-N6{color:#EEF1F8;}
+		.d2-1295674035 .color-N7{color:#FFFFFF;}
+		.d2-1295674035 .color-B1{color:#0D32B2;}
+		.d2-1295674035 .color-B2{color:#0D32B2;}
+		.d2-1295674035 .color-B3{color:#E3E9FD;}
+		.d2-1295674035 .color-B4{color:#E3E9FD;}
+		.d2-1295674035 .color-B5{color:#EDF0FD;}
+		.d2-1295674035 .color-B6{color:#F7F8FE;}
+		.d2-1295674035 .color-AA2{color:#4A6FF3;}
+		.d2-1295674035 .color-AA4{color:#EDF0FD;}
+		.d2-1295674035 .color-AA5{color:#F7F8FE;}
+		.d2-1295674035 .color-AB4{color:#EDF0FD;}
+		.d2-1295674035 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="p1"><g class="shape" ><path d="M 174 116 H 0 V 114 C 0 94 19 76 49 68 C 33 61 23 50 23 38 C 23 17 51 0 87 0 C 122 0 151 17 151 38 C 151 50 141 61 125 69 C 155 78 174 95 174 115 V 116 H 174 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="87.000000" y="137.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Daphne Snickerdoodle</text></g><g id="p2"><g class="shape" ><path d="M 166 552 H 9 V 551 C 9 533 26 517 53 509 C 38 502 29 492 29 481 C 29 462 55 447 87 447 C 119 447 145 462 145 481 C 145 492 136 502 121 509 C 148 517 165 533 165 551 V 552 H 166 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="87.500000" y="573.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Prudence McSnortle</text></g><g id="p3"><g class="shape" ><path d="M 146 321 H 28 V 320 C 28 307 41 294 61 289 C 50 284 43 276 43 268 C 43 254 63 242 87 242 C 111 242 131 254 131 268 C 131 276 124 284 113 289 C 133 295 146 307 146 320 V 321 H 146 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="87.000000" y="342.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Polly Pizzazzle</text></g><g id="(p1 -&gt; p3)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 79.662792 117.971368 C 69.599998 176.800003 69.000000 202.199997 76.230342 239.074745" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><g id="(p2 -&gt; p3)[0]"><path d="M 87.000000 445.000000 C 87.000000 407.000000 87.000000 381.799988 87.000000 325.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><g id="(p1 -&gt; p3)[1]"><path d="M 87.000000 118.000000 C 87.000000 176.800003 87.000000 202.000000 87.000000 238.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><g id="(p2 -&gt; p3)[1]"><path d="M 98.347571 446.030433 C 105.199997 407.200012 104.000000 381.799988 92.774532 324.924296" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><g id="(p3 -&gt; p2)[0]"><path d="M 81.612734 322.962148 C 70.000000 381.799988 68.800003 407.200012 75.304859 444.060866" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><g id="(p3 -&gt; p1)[0]"><path d="M 97.384829 241.037372 C 105.000000 202.199997 104.400002 176.800003 94.674415 119.942736" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1295674035)" /></g><mask id="d2-1295674035" maskUnits="userSpaceOnUse" x="-1" y="-1" width="176" height="579">
+<rect x="-1" y="-1" width="176" height="579" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/outside_bottom_labels/elk/board.exp.json b/e2etests/testdata/stable/outside_bottom_labels/elk/board.exp.json
new file mode 100644
index 000000000..ed078a0cf
--- /dev/null
+++ b/e2etests/testdata/stable/outside_bottom_labels/elk/board.exp.json
@@ -0,0 +1,448 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "p1",
+      "type": "person",
+      "pos": {
+        "x": 12,
+        "y": 12
+      },
+      "width": 174,
+      "height": 116,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Daphne Snickerdoodle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 159,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "p2",
+      "type": "person",
+      "pos": {
+        "x": 206,
+        "y": 23
+      },
+      "width": 157,
+      "height": 105,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Prudence McSnortle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 142,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "p3",
+      "type": "person",
+      "pos": {
+        "x": 113,
+        "y": 334
+      },
+      "width": 160,
+      "height": 79,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "Polly Pizzazzle",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 103,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [
+    {
+      "id": "(p1 -> p3)[0]",
+      "src": "p1",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 55,
+          "y": 128
+        },
+        {
+          "x": 55.5,
+          "y": 294
+        },
+        {
+          "x": 136.73199462890625,
+          "y": 294
+        },
+        {
+          "x": 137,
+          "y": 354
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p2 -> p3)[0]",
+      "src": "p2",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 245,
+          "y": 128
+        },
+        {
+          "x": 245.25,
+          "y": 194
+        },
+        {
+          "x": 205.30299377441406,
+          "y": 194
+        },
+        {
+          "x": 205,
+          "y": 334
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p1 -> p3)[1]",
+      "src": "p1",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 99,
+          "y": 128
+        },
+        {
+          "x": 99,
+          "y": 244
+        },
+        {
+          "x": 159.58900451660156,
+          "y": 244
+        },
+        {
+          "x": 160,
+          "y": 339
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p2 -> p3)[1]",
+      "src": "p2",
+      "srcArrow": "none",
+      "dst": "p3",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 284,
+          "y": 128
+        },
+        {
+          "x": 284.5,
+          "y": 244
+        },
+        {
+          "x": 228.16000366210938,
+          "y": 244
+        },
+        {
+          "x": 228,
+          "y": 339
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p3 -> p2)[0]",
+      "src": "p3",
+      "srcArrow": "none",
+      "dst": "p2",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 251,
+          "y": 353
+        },
+        {
+          "x": 251.01699829101562,
+          "y": 294
+        },
+        {
+          "x": 323.75,
+          "y": 294
+        },
+        {
+          "x": 324,
+          "y": 128
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(p3 -> p1)[0]",
+      "src": "p3",
+      "srcArrow": "none",
+      "dst": "p1",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 182,
+          "y": 335
+        },
+        {
+          "x": 182.4459991455078,
+          "y": 194
+        },
+        {
+          "x": 142.5,
+          "y": 194
+        },
+        {
+          "x": 142,
+          "y": 128
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    }
+  ],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/outside_bottom_labels/elk/sketch.exp.svg b/e2etests/testdata/stable/outside_bottom_labels/elk/sketch.exp.svg
new file mode 100644
index 000000000..3833ea5eb
--- /dev/null
+++ b/e2etests/testdata/stable/outside_bottom_labels/elk/sketch.exp.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 353 428"><svg id="d2-svg" class="d2-359255212" width="353" height="428" viewBox="11 11 353 428"><rect x="11.000000" y="11.000000" width="353.000000" height="428.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-359255212 .text-bold {
+	font-family: "d2-359255212-font-bold";
+}
+@font-face {
+	font-family: d2-359255212-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-359255212 .fill-N1{fill:#0A0F25;}
+		.d2-359255212 .fill-N2{fill:#676C7E;}
+		.d2-359255212 .fill-N3{fill:#9499AB;}
+		.d2-359255212 .fill-N4{fill:#CFD2DD;}
+		.d2-359255212 .fill-N5{fill:#DEE1EB;}
+		.d2-359255212 .fill-N6{fill:#EEF1F8;}
+		.d2-359255212 .fill-N7{fill:#FFFFFF;}
+		.d2-359255212 .fill-B1{fill:#0D32B2;}
+		.d2-359255212 .fill-B2{fill:#0D32B2;}
+		.d2-359255212 .fill-B3{fill:#E3E9FD;}
+		.d2-359255212 .fill-B4{fill:#E3E9FD;}
+		.d2-359255212 .fill-B5{fill:#EDF0FD;}
+		.d2-359255212 .fill-B6{fill:#F7F8FE;}
+		.d2-359255212 .fill-AA2{fill:#4A6FF3;}
+		.d2-359255212 .fill-AA4{fill:#EDF0FD;}
+		.d2-359255212 .fill-AA5{fill:#F7F8FE;}
+		.d2-359255212 .fill-AB4{fill:#EDF0FD;}
+		.d2-359255212 .fill-AB5{fill:#F7F8FE;}
+		.d2-359255212 .stroke-N1{stroke:#0A0F25;}
+		.d2-359255212 .stroke-N2{stroke:#676C7E;}
+		.d2-359255212 .stroke-N3{stroke:#9499AB;}
+		.d2-359255212 .stroke-N4{stroke:#CFD2DD;}
+		.d2-359255212 .stroke-N5{stroke:#DEE1EB;}
+		.d2-359255212 .stroke-N6{stroke:#EEF1F8;}
+		.d2-359255212 .stroke-N7{stroke:#FFFFFF;}
+		.d2-359255212 .stroke-B1{stroke:#0D32B2;}
+		.d2-359255212 .stroke-B2{stroke:#0D32B2;}
+		.d2-359255212 .stroke-B3{stroke:#E3E9FD;}
+		.d2-359255212 .stroke-B4{stroke:#E3E9FD;}
+		.d2-359255212 .stroke-B5{stroke:#EDF0FD;}
+		.d2-359255212 .stroke-B6{stroke:#F7F8FE;}
+		.d2-359255212 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-359255212 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-359255212 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-359255212 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-359255212 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-359255212 .background-color-N1{background-color:#0A0F25;}
+		.d2-359255212 .background-color-N2{background-color:#676C7E;}
+		.d2-359255212 .background-color-N3{background-color:#9499AB;}
+		.d2-359255212 .background-color-N4{background-color:#CFD2DD;}
+		.d2-359255212 .background-color-N5{background-color:#DEE1EB;}
+		.d2-359255212 .background-color-N6{background-color:#EEF1F8;}
+		.d2-359255212 .background-color-N7{background-color:#FFFFFF;}
+		.d2-359255212 .background-color-B1{background-color:#0D32B2;}
+		.d2-359255212 .background-color-B2{background-color:#0D32B2;}
+		.d2-359255212 .background-color-B3{background-color:#E3E9FD;}
+		.d2-359255212 .background-color-B4{background-color:#E3E9FD;}
+		.d2-359255212 .background-color-B5{background-color:#EDF0FD;}
+		.d2-359255212 .background-color-B6{background-color:#F7F8FE;}
+		.d2-359255212 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-359255212 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-359255212 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-359255212 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-359255212 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-359255212 .color-N1{color:#0A0F25;}
+		.d2-359255212 .color-N2{color:#676C7E;}
+		.d2-359255212 .color-N3{color:#9499AB;}
+		.d2-359255212 .color-N4{color:#CFD2DD;}
+		.d2-359255212 .color-N5{color:#DEE1EB;}
+		.d2-359255212 .color-N6{color:#EEF1F8;}
+		.d2-359255212 .color-N7{color:#FFFFFF;}
+		.d2-359255212 .color-B1{color:#0D32B2;}
+		.d2-359255212 .color-B2{color:#0D32B2;}
+		.d2-359255212 .color-B3{color:#E3E9FD;}
+		.d2-359255212 .color-B4{color:#E3E9FD;}
+		.d2-359255212 .color-B5{color:#EDF0FD;}
+		.d2-359255212 .color-B6{color:#F7F8FE;}
+		.d2-359255212 .color-AA2{color:#4A6FF3;}
+		.d2-359255212 .color-AA4{color:#EDF0FD;}
+		.d2-359255212 .color-AA5{color:#F7F8FE;}
+		.d2-359255212 .color-AB4{color:#EDF0FD;}
+		.d2-359255212 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="p1"><g class="shape" ><path d="M 186 128 H 12 V 126 C 12 106 31 88 61 80 C 45 73 35 62 35 50 C 35 29 63 12 99 12 C 134 12 163 29 163 50 C 163 62 153 73 137 81 C 167 90 186 107 186 127 V 128 H 186 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="99.000000" y="149.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Daphne Snickerdoodle</text></g><g id="p2"><g class="shape" ><path d="M 363 128 H 206 V 127 C 206 109 223 93 250 85 C 235 78 226 68 226 57 C 226 38 252 23 284 23 C 316 23 342 38 342 57 C 342 68 333 78 318 85 C 345 93 362 109 362 127 V 128 H 363 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="284.500000" y="149.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Prudence McSnortle</text></g><g id="p3"><g class="shape" ><path d="M 273 413 H 113 V 412 C 113 399 131 386 158 381 C 143 376 134 368 134 360 C 134 346 160 334 193 334 C 226 334 252 346 252 360 C 252 368 243 376 228 381 C 256 387 273 399 273 412 V 413 H 273 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="193.000000" y="434.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Polly Pizzazzle</text></g><g id="(p1 -&gt; p3)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.006024 129.999991 L 55.469880 284.000045 S 55.500000 294.000000 65.500000 294.000000 L 126.731995 294.000000 S 136.731995 294.000000 136.776662 303.999900 L 136.982133 350.000040" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><g id="(p2 -&gt; p3)[0]"><path d="M 245.007576 129.999986 L 245.212121 184.000072 S 245.250000 194.000000 235.250000 194.000000 L 215.302994 194.000000 S 205.302994 194.000000 205.281351 203.999977 L 205.008657 330.000009" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><g id="(p1 -&gt; p3)[1]"><path d="M 99.000000 130.000000 L 99.000000 234.000000 S 99.000000 244.000000 109.000000 244.000000 L 149.589005 244.000000 S 159.589005 244.000000 159.632267 253.999906 L 159.982695 335.000037" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><g id="(p2 -&gt; p3)[1]"><path d="M 284.008621 129.999981 L 284.456897 234.000093 S 284.500000 244.000000 274.500000 244.000000 L 238.160004 244.000000 S 228.160004 244.000000 228.143161 253.999986 L 228.006737 335.000006" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><g id="(p3 -&gt; p2)[0]"><path d="M 251.000576 351.000000 L 251.014117 304.000000 S 251.016998 294.000000 261.016998 294.000000 L 313.750000 294.000000 S 323.750000 294.000000 323.765060 284.000011 L 323.993976 131.999995" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><g id="(p3 -&gt; p1)[0]"><path d="M 182.006326 333.000010 L 182.414368 203.999950 S 182.445999 194.000000 172.445999 194.000000 L 152.500000 194.000000 S 142.500000 194.000000 142.424245 184.000287 L 142.030302 131.999885" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-359255212)" /></g><mask id="d2-359255212" maskUnits="userSpaceOnUse" x="11" y="11" width="353" height="428">
+<rect x="11" y="11" width="353" height="428" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file