From 675e2ea6ec8d3a55d56661164774d9366c3fcd10 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Thu, 9 Feb 2023 14:30:38 -0800
Subject: [PATCH] tests

---
 .../diagram_wider_than_tooltip/sketch.exp.svg         |  2 +-
 .../dagre/board.exp.json                              | 11 +++++++++++
 .../dagre/sketch.exp.svg                              |  2 +-
 .../elk/board.exp.json                                | 11 +++++++++++
 .../elk/sketch.exp.svg                                |  2 +-
 .../sequence_diagram_groups/dagre/board.exp.json      |  5 +++++
 .../sequence_diagram_groups/dagre/sketch.exp.svg      |  2 +-
 .../stable/sequence_diagram_groups/elk/board.exp.json |  5 +++++
 .../stable/sequence_diagram_groups/elk/sketch.exp.svg |  2 +-
 .../dagre/board.exp.json                              | 10 ++++++++++
 .../dagre/sketch.exp.svg                              |  2 +-
 .../sequence_diagram_nested_groups/elk/board.exp.json | 10 ++++++++++
 .../sequence_diagram_nested_groups/elk/sketch.exp.svg |  2 +-
 .../stable/sequence_diagram_real/dagre/board.exp.json |  1 +
 .../stable/sequence_diagram_real/dagre/sketch.exp.svg |  2 +-
 .../stable/sequence_diagram_real/elk/board.exp.json   |  1 +
 .../stable/sequence_diagram_real/elk/sketch.exp.svg   |  2 +-
 .../dagre/board.exp.json                              |  5 +++++
 .../dagre/sketch.exp.svg                              |  2 +-
 .../elk/board.exp.json                                |  5 +++++
 .../elk/sketch.exp.svg                                |  2 +-
 .../dagre/board.exp.json                              |  3 +++
 .../dagre/sketch.exp.svg                              |  2 +-
 .../elk/board.exp.json                                |  3 +++
 .../elk/sketch.exp.svg                                |  2 +-
 .../TestExport/shape/sequence_group_position.exp.json |  1 +
 26 files changed, 84 insertions(+), 13 deletions(-)

diff --git a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
index 41c015af4..f174f6658 100644
--- a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
@@ -39,7 +39,7 @@ width="1932" height="2282" viewBox="-134 -49 1932 2282"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="customer"><g class="shape" ><path d="M 218 182 H 24 V 180 C 24 158 45 138 79 129 C 60 121 49 109 49 95 C 49 72 81 53 121 53 C 160 53 193 72 193 95 C 193 109 182 121 163 129 C 197 139 218 158 218 180 V 182 H 218 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="121.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">customer</text></g><g id="issuer"><g class="shape" ><rect x="296" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="371.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">issuer</text></g><g id="store"><g class="shape" ><rect x="546" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="621.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">store</text><g transform="translate(680 121)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Like starbucks or something</title></g><g id="acquirer"><g class="shape" ><rect x="796" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="871.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">acquirer</text><g transform="translate(930 121)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>I'm not sure what this is</title></g><g id="network"><g class="shape" ><rect x="1046" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1121.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">network</text></g><g id="customer bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1296" y="54" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1371.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">customer bank</text></g><g id="store bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1546" y="54" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1621.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">store bank</text></g><g id="(customer -- )[0]"><path d="M 121.000000 210.000000 L 121.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(issuer -- )[0]"><path d="M 371.000000 205.000000 L 371.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(store -- )[0]"><path d="M 621.000000 205.000000 L 621.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(acquirer -- )[0]"><path d="M 871.000000 205.000000 L 871.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(network -- )[0]"><path d="M 1121.000000 205.000000 L 1121.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(customer bank -- )[0]"><path d="M 1371.000000 210.000000 L 1371.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="(store bank -- )[0]"><path d="M 1621.000000 210.000000 L 1621.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3184721900)"/></g><g id="customer.internal"><g class="shape" ><rect x="115" y="577" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="initial transaction"><g class="shape blend" ><rect x="71" y="293" width="600" height="210" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="134.500000" y="314.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">initial transaction</text></g><g id="payment processor behind the scenes"><g class="shape blend" ><rect x="297" y="1269" width="1398" height="624" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="428.500000" y="1290.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">payment processor behind the scenes</text></g><g id="payment processor behind the scenes.simplified"><g class="shape blend" ><rect x="321" y="1529" width="1350" height="340" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="359.000000" y="1550.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">simplified</text></g><g id="(customer -&gt; store)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 123.000000 333.000000 L 617.000000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="371.500000" y="339.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1 banana please</text></g><g id="(store -&gt; customer)[0]"><path d="M 619.000000 463.000000 L 125.000000 463.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="371.500000" y="469.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 dollars</text></g><g id="customer.(internal -&gt; internal)[0]"><path d="M 129.000000 593.000000 L 211.000000 593.000000 S 221.000000 593.000000 221.000000 603.000000 L 221.000000 663.000000 S 221.000000 673.000000 211.000000 673.000000 L 131.000000 673.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="221.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">thinking: wow, inflation</text></g><g id="(customer.internal -&gt; customer bank)[0]"><path d="M 129.000000 723.000000 L 1367.000000 723.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="749.000000" y="729.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">checks bank account</text></g><g id="(customer bank -&gt; customer.internal)[0]"><path d="M 1369.000000 853.000000 L 131.000000 853.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="749.500000" y="859.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Savings: $11</text></g><g id="(customer -&gt; store)[1]"><path d="M 123.000000 1179.000000 L 617.000000 1179.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="371.500000" y="1185.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">I can do that, here&#39;s my card</text></g><g id="(store -&gt; acquirer)[0]"><path d="M 623.000000 1309.000000 L 867.000000 1309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="746.000000" y="1315.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Run this card</text></g><g id="(acquirer -&gt; network)[0]"><path d="M 873.000000 1439.000000 L 1117.000000 1439.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="996.500000" y="1445.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Process to card issuer</text></g><g id="(network -&gt; issuer)[0]"><path d="M 1119.000000 1569.000000 L 375.000000 1569.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="746.000000" y="1575.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Process this payment</text></g><g id="(issuer -&gt; customer bank)[0]"><path d="M 373.000000 1699.000000 L 1367.000000 1699.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="871.500000" y="1705.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 debit</text></g><g id="(acquirer -&gt; store bank)[0]"><path d="M 873.000000 1829.000000 L 1617.000000 1829.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3184721900)"/><text class="text-italic" x="1246.500000" y="1835.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 credit</text></g><g id="customer.An error in judgement is about to occur"><g class="shape" ><path d="M -32 983 H 254 C 255 983 256 983 257 984 L 274 1000 C 275 1001 275 1002 275 1003 V 1049 C 275 1049 275 1049 275 1049 H -32 C -32 1049 -32 1049 -32 1049 V 984 C -32 983 -32 983 -32 983 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 274 1049 H -31 C -32 1049 -32 1049 -32 1048 V 984 C -32 983 -32 983 -31 983 H 253 C 254 983 254 983 254 984 V 1001 C 254 1002 255 1003 256 1003 H 274 C 275 1003 275 1003 275 1004 V 1048 C 274 1049 275 1049 274 1049 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="121.500000" y="1021.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">An error in judgement is about to occur</text></g><mask id="3184721900" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1932" height="2108">
+]]></script><g id="customer"><g class="shape" ><path d="M 218 182 H 24 V 180 C 24 158 45 138 79 129 C 60 121 49 109 49 95 C 49 72 81 53 121 53 C 160 53 193 72 193 95 C 193 109 182 121 163 129 C 197 139 218 158 218 180 V 182 H 218 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="121.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">customer</text></g><g id="issuer"><g class="shape" ><rect x="296" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="371.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">issuer</text></g><g id="store"><g class="shape" ><rect x="546" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="621.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">store</text><g transform="translate(680 121)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Like starbucks or something</title></g><g id="acquirer"><g class="shape" ><rect x="796" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="871.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">acquirer</text><g transform="translate(930 121)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>I'm not sure what this is</title></g><g id="network"><g class="shape" ><rect x="1046" y="137" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1121.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">network</text></g><g id="customer bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1296" y="54" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1371.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">customer bank</text></g><g id="store bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1546" y="54" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1621.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">store bank</text></g><g id="(customer -- )[0]"><path d="M 121.000000 210.000000 L 121.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(issuer -- )[0]"><path d="M 371.000000 205.000000 L 371.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(store -- )[0]"><path d="M 621.000000 205.000000 L 621.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(acquirer -- )[0]"><path d="M 871.000000 205.000000 L 871.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(network -- )[0]"><path d="M 1121.000000 205.000000 L 1121.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(customer bank -- )[0]"><path d="M 1371.000000 210.000000 L 1371.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="(store bank -- )[0]"><path d="M 1621.000000 210.000000 L 1621.000000 1958.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#890519426)"/></g><g id="customer.internal"><g class="shape" ><rect x="115" y="577" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="initial transaction"><g class="shape blend" ><rect x="71" y="293" width="600" height="210" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="76.000000" y="298.000000" width="117" height="21" fill="#DEE1EB"></rect><text class="text" x="134.500000" y="314.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">initial transaction</text></g><g id="payment processor behind the scenes"><g class="shape blend" ><rect x="297" y="1269" width="1398" height="624" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="302.000000" y="1274.000000" width="253" height="21" fill="#DEE1EB"></rect><text class="text" x="428.500000" y="1290.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">payment processor behind the scenes</text></g><g id="payment processor behind the scenes.simplified"><g class="shape blend" ><rect x="321" y="1529" width="1350" height="340" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="326.000000" y="1534.000000" width="66" height="21" fill="#DEE1EB"></rect><text class="text" x="359.000000" y="1550.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">simplified</text></g><g id="(customer -&gt; store)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 123.000000 333.000000 L 617.000000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="371.500000" y="339.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1 banana please</text></g><g id="(store -&gt; customer)[0]"><path d="M 619.000000 463.000000 L 125.000000 463.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="371.500000" y="469.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 dollars</text></g><g id="customer.(internal -&gt; internal)[0]"><path d="M 129.000000 593.000000 L 211.000000 593.000000 S 221.000000 593.000000 221.000000 603.000000 L 221.000000 663.000000 S 221.000000 673.000000 211.000000 673.000000 L 131.000000 673.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="221.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">thinking: wow, inflation</text></g><g id="(customer.internal -&gt; customer bank)[0]"><path d="M 129.000000 723.000000 L 1367.000000 723.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="749.000000" y="729.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">checks bank account</text></g><g id="(customer bank -&gt; customer.internal)[0]"><path d="M 1369.000000 853.000000 L 131.000000 853.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="749.500000" y="859.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Savings: $11</text></g><g id="(customer -&gt; store)[1]"><path d="M 123.000000 1179.000000 L 617.000000 1179.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="371.500000" y="1185.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">I can do that, here&#39;s my card</text></g><g id="(store -&gt; acquirer)[0]"><path d="M 623.000000 1309.000000 L 867.000000 1309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="746.000000" y="1315.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Run this card</text></g><g id="(acquirer -&gt; network)[0]"><path d="M 873.000000 1439.000000 L 1117.000000 1439.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="996.500000" y="1445.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Process to card issuer</text></g><g id="(network -&gt; issuer)[0]"><path d="M 1119.000000 1569.000000 L 375.000000 1569.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="746.000000" y="1575.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Process this payment</text></g><g id="(issuer -&gt; customer bank)[0]"><path d="M 373.000000 1699.000000 L 1367.000000 1699.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="871.500000" y="1705.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 debit</text></g><g id="(acquirer -&gt; store bank)[0]"><path d="M 873.000000 1829.000000 L 1617.000000 1829.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#890519426)"/><text class="text-italic" x="1246.500000" y="1835.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">$10 credit</text></g><g id="customer.An error in judgement is about to occur"><g class="shape" ><path d="M -32 983 H 254 C 255 983 256 983 257 984 L 274 1000 C 275 1001 275 1002 275 1003 V 1049 C 275 1049 275 1049 275 1049 H -32 C -32 1049 -32 1049 -32 1049 V 984 C -32 983 -32 983 -32 983 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 274 1049 H -31 C -32 1049 -32 1049 -32 1048 V 984 C -32 983 -32 983 -31 983 H 253 C 254 983 254 983 254 984 V 1001 C 254 1002 255 1003 256 1003 H 274 C 275 1003 275 1003 275 1004 V 1048 C 274 1049 275 1049 274 1049 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="121.500000" y="1021.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">An error in judgement is about to occur</text></g><mask id="890519426" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1932" height="2108">
 <rect x="-100" y="-100" width="1932" height="2108" fill="white"></rect>
 <rect x="76.000000" y="298.000000" width="117" height="16" fill="black"></rect>
 <rect x="302.000000" y="1274.000000" width="253" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json
index 381cb91f4..e201f0b23 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -325,6 +328,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -366,6 +370,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -407,6 +412,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -448,6 +454,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -489,6 +496,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -530,6 +538,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -571,6 +580,7 @@
       "underline": false,
       "labelWidth": 60,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -612,6 +622,7 @@
       "underline": false,
       "labelWidth": 60,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg
index 588d1de0e..95168e251 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="927" height="3328" viewBox="-78 -28 927 3328"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">C</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="a.a"><g class="shape" ><rect x="93" y="674" width="12" height="162" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="group 1"><g class="shape blend" ><rect x="49" y="230" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group 2"><g class="shape blend" ><rect x="49" y="440" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="461.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 2</text></g><g id="group 3"><g class="shape blend" ><rect x="49" y="570" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="591.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 3</text></g><g id="group 4"><g class="shape blend" ><rect x="55" y="780" width="344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="86.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 4</text></g><g id="group 5"><g class="shape blend" ><rect x="299" y="910" width="200" height="290" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="330.000000" y="931.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 5</text></g><g id="group 6"><g class="shape blend" ><rect x="49" y="1250" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 6</text></g><g id="group 7"><g class="shape blend" ><rect x="49" y="1380" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1401.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 7</text></g><g id="group 8"><g class="shape blend" ><rect x="49" y="1590" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1611.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 8</text></g><g id="group 9"><g class="shape blend" ><rect x="49" y="2010" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="2031.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 9</text></g><g id="group 10"><g class="shape blend" ><rect x="549" y="2480" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="584.000000" y="2501.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 10</text></g><g id="group 11"><g class="shape blend" ><rect x="549" y="2820" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="584.000000" y="2841.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 11</text></g><g id="(a -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 103.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 480.000000 L 345.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a.a)[0]"><path d="M 101.000000 610.000000 L 189.000000 610.000000 S 199.000000 610.000000 199.000000 620.000000 L 199.000000 680.000000 S 199.000000 690.000000 189.000000 690.000000 L 109.000000 690.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a.a -&gt; b)[0]"><path d="M 107.000000 820.000000 L 345.000000 820.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; b)[0]"><path d="M 351.000000 950.000000 L 439.000000 950.000000 S 449.000000 950.000000 449.000000 960.000000 L 449.000000 1020.000000 S 449.000000 1030.000000 439.000000 1030.000000 L 353.000000 1030.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; b)[1]"><path d="M 351.000000 1080.000000 L 439.000000 1080.000000 S 449.000000 1080.000000 449.000000 1090.000000 L 449.000000 1150.000000 S 449.000000 1160.000000 439.000000 1160.000000 L 353.000000 1160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; a)[0]"><path d="M 347.000000 1290.000000 L 103.000000 1290.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[1]"><path d="M 101.000000 1420.000000 L 189.000000 1420.000000 S 199.000000 1420.000000 199.000000 1430.000000 L 199.000000 1490.000000 S 199.000000 1500.000000 189.000000 1500.000000 L 103.000000 1500.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[2]"><path d="M 101.000000 1630.000000 L 189.000000 1630.000000 S 199.000000 1630.000000 199.000000 1640.000000 L 199.000000 1700.000000 S 199.000000 1710.000000 189.000000 1710.000000 L 103.000000 1710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[4]"><path d="M 101.000000 1840.000000 L 189.000000 1840.000000 S 199.000000 1840.000000 199.000000 1850.000000 L 199.000000 1910.000000 S 199.000000 1920.000000 189.000000 1920.000000 L 103.000000 1920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[3]"><path d="M 101.000000 2050.000000 L 189.000000 2050.000000 S 199.000000 2050.000000 199.000000 2060.000000 L 199.000000 2120.000000 S 199.000000 2130.000000 189.000000 2130.000000 L 103.000000 2130.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[5]"><path d="M 101.000000 2260.000000 L 189.000000 2260.000000 S 199.000000 2260.000000 199.000000 2270.000000 L 199.000000 2330.000000 S 199.000000 2340.000000 189.000000 2340.000000 L 103.000000 2340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 2390.000000 L 595.000000 2390.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(c -&gt; c)[0]"><path d="M 601.000000 2520.000000 L 689.000000 2520.000000 S 699.000000 2520.000000 699.000000 2530.000000 L 699.000000 2590.000000 S 699.000000 2600.000000 689.000000 2600.000000 L 603.000000 2600.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 2730.000000 L 595.000000 2730.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(c -&gt; c)[1]"><path d="M 601.000000 2860.000000 L 689.000000 2860.000000 S 699.000000 2860.000000 699.000000 2870.000000 L 699.000000 2930.000000 S 699.000000 2940.000000 689.000000 2940.000000 L 603.000000 2940.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[2]"><path d="M 351.000000 3070.000000 L 595.000000 3070.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><mask id="3555089211" maskUnits="userSpaceOnUse" x="-100" y="-100" width="927" height="3328">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">C</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="a.a"><g class="shape" ><rect x="93" y="674" width="12" height="162" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="group 1"><g class="shape blend" ><rect x="49" y="230" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="235.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group 2"><g class="shape blend" ><rect x="49" y="440" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="445.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="461.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 2</text></g><g id="group 3"><g class="shape blend" ><rect x="49" y="570" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="575.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="591.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 3</text></g><g id="group 4"><g class="shape blend" ><rect x="55" y="780" width="344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="60.000000" y="785.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="86.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 4</text></g><g id="group 5"><g class="shape blend" ><rect x="299" y="910" width="200" height="290" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="915.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="330.000000" y="931.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 5</text></g><g id="group 6"><g class="shape blend" ><rect x="49" y="1250" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1255.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 6</text></g><g id="group 7"><g class="shape blend" ><rect x="49" y="1380" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1385.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1401.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 7</text></g><g id="group 8"><g class="shape blend" ><rect x="49" y="1590" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1595.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1611.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 8</text></g><g id="group 9"><g class="shape blend" ><rect x="49" y="2010" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="2015.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="2031.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 9</text></g><g id="group 10"><g class="shape blend" ><rect x="549" y="2480" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="554.000000" y="2485.000000" width="60" height="21" fill="#DEE1EB"></rect><text class="text" x="584.000000" y="2501.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 10</text></g><g id="group 11"><g class="shape blend" ><rect x="549" y="2820" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="554.000000" y="2825.000000" width="60" height="21" fill="#DEE1EB"></rect><text class="text" x="584.000000" y="2841.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 11</text></g><g id="(a -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 103.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 480.000000 L 345.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a.a)[0]"><path d="M 101.000000 610.000000 L 189.000000 610.000000 S 199.000000 610.000000 199.000000 620.000000 L 199.000000 680.000000 S 199.000000 690.000000 189.000000 690.000000 L 109.000000 690.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a.a -&gt; b)[0]"><path d="M 107.000000 820.000000 L 345.000000 820.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; b)[0]"><path d="M 351.000000 950.000000 L 439.000000 950.000000 S 449.000000 950.000000 449.000000 960.000000 L 449.000000 1020.000000 S 449.000000 1030.000000 439.000000 1030.000000 L 353.000000 1030.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; b)[1]"><path d="M 351.000000 1080.000000 L 439.000000 1080.000000 S 449.000000 1080.000000 449.000000 1090.000000 L 449.000000 1150.000000 S 449.000000 1160.000000 439.000000 1160.000000 L 353.000000 1160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; a)[0]"><path d="M 347.000000 1290.000000 L 103.000000 1290.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[1]"><path d="M 101.000000 1420.000000 L 189.000000 1420.000000 S 199.000000 1420.000000 199.000000 1430.000000 L 199.000000 1490.000000 S 199.000000 1500.000000 189.000000 1500.000000 L 103.000000 1500.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[2]"><path d="M 101.000000 1630.000000 L 189.000000 1630.000000 S 199.000000 1630.000000 199.000000 1640.000000 L 199.000000 1700.000000 S 199.000000 1710.000000 189.000000 1710.000000 L 103.000000 1710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[4]"><path d="M 101.000000 1840.000000 L 189.000000 1840.000000 S 199.000000 1840.000000 199.000000 1850.000000 L 199.000000 1910.000000 S 199.000000 1920.000000 189.000000 1920.000000 L 103.000000 1920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[3]"><path d="M 101.000000 2050.000000 L 189.000000 2050.000000 S 199.000000 2050.000000 199.000000 2060.000000 L 199.000000 2120.000000 S 199.000000 2130.000000 189.000000 2130.000000 L 103.000000 2130.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[5]"><path d="M 101.000000 2260.000000 L 189.000000 2260.000000 S 199.000000 2260.000000 199.000000 2270.000000 L 199.000000 2330.000000 S 199.000000 2340.000000 189.000000 2340.000000 L 103.000000 2340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 2390.000000 L 595.000000 2390.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(c -&gt; c)[0]"><path d="M 601.000000 2520.000000 L 689.000000 2520.000000 S 699.000000 2520.000000 699.000000 2530.000000 L 699.000000 2590.000000 S 699.000000 2600.000000 689.000000 2600.000000 L 603.000000 2600.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 2730.000000 L 595.000000 2730.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(c -&gt; c)[1]"><path d="M 601.000000 2860.000000 L 689.000000 2860.000000 S 699.000000 2860.000000 699.000000 2870.000000 L 699.000000 2930.000000 S 699.000000 2940.000000 689.000000 2940.000000 L 603.000000 2940.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[2]"><path d="M 351.000000 3070.000000 L 595.000000 3070.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><mask id="2716954117" maskUnits="userSpaceOnUse" x="-100" y="-100" width="927" height="3328">
 <rect x="-100" y="-100" width="927" height="3328" fill="white"></rect>
 <rect x="54.000000" y="235.000000" width="52" height="16" fill="black"></rect>
 <rect x="54.000000" y="445.000000" width="52" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json
index 381cb91f4..e201f0b23 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -325,6 +328,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -366,6 +370,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -407,6 +412,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -448,6 +454,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -489,6 +496,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -530,6 +538,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -571,6 +580,7 @@
       "underline": false,
       "labelWidth": 60,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -612,6 +622,7 @@
       "underline": false,
       "labelWidth": 60,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg
index 588d1de0e..95168e251 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="927" height="3328" viewBox="-78 -28 927 3328"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">C</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3555089211)"/></g><g id="a.a"><g class="shape" ><rect x="93" y="674" width="12" height="162" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="group 1"><g class="shape blend" ><rect x="49" y="230" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group 2"><g class="shape blend" ><rect x="49" y="440" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="461.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 2</text></g><g id="group 3"><g class="shape blend" ><rect x="49" y="570" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="591.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 3</text></g><g id="group 4"><g class="shape blend" ><rect x="55" y="780" width="344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="86.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 4</text></g><g id="group 5"><g class="shape blend" ><rect x="299" y="910" width="200" height="290" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="330.000000" y="931.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 5</text></g><g id="group 6"><g class="shape blend" ><rect x="49" y="1250" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 6</text></g><g id="group 7"><g class="shape blend" ><rect x="49" y="1380" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1401.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 7</text></g><g id="group 8"><g class="shape blend" ><rect x="49" y="1590" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="1611.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 8</text></g><g id="group 9"><g class="shape blend" ><rect x="49" y="2010" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="80.000000" y="2031.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 9</text></g><g id="group 10"><g class="shape blend" ><rect x="549" y="2480" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="584.000000" y="2501.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 10</text></g><g id="group 11"><g class="shape blend" ><rect x="549" y="2820" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="584.000000" y="2841.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 11</text></g><g id="(a -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 103.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 480.000000 L 345.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a.a)[0]"><path d="M 101.000000 610.000000 L 189.000000 610.000000 S 199.000000 610.000000 199.000000 620.000000 L 199.000000 680.000000 S 199.000000 690.000000 189.000000 690.000000 L 109.000000 690.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a.a -&gt; b)[0]"><path d="M 107.000000 820.000000 L 345.000000 820.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; b)[0]"><path d="M 351.000000 950.000000 L 439.000000 950.000000 S 449.000000 950.000000 449.000000 960.000000 L 449.000000 1020.000000 S 449.000000 1030.000000 439.000000 1030.000000 L 353.000000 1030.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; b)[1]"><path d="M 351.000000 1080.000000 L 439.000000 1080.000000 S 449.000000 1080.000000 449.000000 1090.000000 L 449.000000 1150.000000 S 449.000000 1160.000000 439.000000 1160.000000 L 353.000000 1160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; a)[0]"><path d="M 347.000000 1290.000000 L 103.000000 1290.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[1]"><path d="M 101.000000 1420.000000 L 189.000000 1420.000000 S 199.000000 1420.000000 199.000000 1430.000000 L 199.000000 1490.000000 S 199.000000 1500.000000 189.000000 1500.000000 L 103.000000 1500.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[2]"><path d="M 101.000000 1630.000000 L 189.000000 1630.000000 S 199.000000 1630.000000 199.000000 1640.000000 L 199.000000 1700.000000 S 199.000000 1710.000000 189.000000 1710.000000 L 103.000000 1710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[4]"><path d="M 101.000000 1840.000000 L 189.000000 1840.000000 S 199.000000 1840.000000 199.000000 1850.000000 L 199.000000 1910.000000 S 199.000000 1920.000000 189.000000 1920.000000 L 103.000000 1920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[3]"><path d="M 101.000000 2050.000000 L 189.000000 2050.000000 S 199.000000 2050.000000 199.000000 2060.000000 L 199.000000 2120.000000 S 199.000000 2130.000000 189.000000 2130.000000 L 103.000000 2130.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(a -&gt; a)[5]"><path d="M 101.000000 2260.000000 L 189.000000 2260.000000 S 199.000000 2260.000000 199.000000 2270.000000 L 199.000000 2330.000000 S 199.000000 2340.000000 189.000000 2340.000000 L 103.000000 2340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 2390.000000 L 595.000000 2390.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(c -&gt; c)[0]"><path d="M 601.000000 2520.000000 L 689.000000 2520.000000 S 699.000000 2520.000000 699.000000 2530.000000 L 699.000000 2590.000000 S 699.000000 2600.000000 689.000000 2600.000000 L 603.000000 2600.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 2730.000000 L 595.000000 2730.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(c -&gt; c)[1]"><path d="M 601.000000 2860.000000 L 689.000000 2860.000000 S 699.000000 2860.000000 699.000000 2870.000000 L 699.000000 2930.000000 S 699.000000 2940.000000 689.000000 2940.000000 L 603.000000 2940.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><g id="(b -&gt; c)[2]"><path d="M 351.000000 3070.000000 L 595.000000 3070.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555089211)"/></g><mask id="3555089211" maskUnits="userSpaceOnUse" x="-100" y="-100" width="927" height="3328">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">C</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 3199.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2716954117)"/></g><g id="a.a"><g class="shape" ><rect x="93" y="674" width="12" height="162" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="group 1"><g class="shape blend" ><rect x="49" y="230" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="235.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group 2"><g class="shape blend" ><rect x="49" y="440" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="445.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="461.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 2</text></g><g id="group 3"><g class="shape blend" ><rect x="49" y="570" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="575.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="591.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 3</text></g><g id="group 4"><g class="shape blend" ><rect x="55" y="780" width="344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="60.000000" y="785.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="86.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 4</text></g><g id="group 5"><g class="shape blend" ><rect x="299" y="910" width="200" height="290" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="915.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="330.000000" y="931.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 5</text></g><g id="group 6"><g class="shape blend" ><rect x="49" y="1250" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1255.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 6</text></g><g id="group 7"><g class="shape blend" ><rect x="49" y="1380" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1385.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1401.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 7</text></g><g id="group 8"><g class="shape blend" ><rect x="49" y="1590" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="1595.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="1611.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 8</text></g><g id="group 9"><g class="shape blend" ><rect x="49" y="2010" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="2015.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="80.000000" y="2031.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 9</text></g><g id="group 10"><g class="shape blend" ><rect x="549" y="2480" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="554.000000" y="2485.000000" width="60" height="21" fill="#DEE1EB"></rect><text class="text" x="584.000000" y="2501.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 10</text></g><g id="group 11"><g class="shape blend" ><rect x="549" y="2820" width="200" height="160" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="554.000000" y="2825.000000" width="60" height="21" fill="#DEE1EB"></rect><text class="text" x="584.000000" y="2841.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 11</text></g><g id="(a -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 103.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 480.000000 L 345.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a.a)[0]"><path d="M 101.000000 610.000000 L 189.000000 610.000000 S 199.000000 610.000000 199.000000 620.000000 L 199.000000 680.000000 S 199.000000 690.000000 189.000000 690.000000 L 109.000000 690.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a.a -&gt; b)[0]"><path d="M 107.000000 820.000000 L 345.000000 820.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; b)[0]"><path d="M 351.000000 950.000000 L 439.000000 950.000000 S 449.000000 950.000000 449.000000 960.000000 L 449.000000 1020.000000 S 449.000000 1030.000000 439.000000 1030.000000 L 353.000000 1030.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; b)[1]"><path d="M 351.000000 1080.000000 L 439.000000 1080.000000 S 449.000000 1080.000000 449.000000 1090.000000 L 449.000000 1150.000000 S 449.000000 1160.000000 439.000000 1160.000000 L 353.000000 1160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; a)[0]"><path d="M 347.000000 1290.000000 L 103.000000 1290.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[1]"><path d="M 101.000000 1420.000000 L 189.000000 1420.000000 S 199.000000 1420.000000 199.000000 1430.000000 L 199.000000 1490.000000 S 199.000000 1500.000000 189.000000 1500.000000 L 103.000000 1500.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[2]"><path d="M 101.000000 1630.000000 L 189.000000 1630.000000 S 199.000000 1630.000000 199.000000 1640.000000 L 199.000000 1700.000000 S 199.000000 1710.000000 189.000000 1710.000000 L 103.000000 1710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[4]"><path d="M 101.000000 1840.000000 L 189.000000 1840.000000 S 199.000000 1840.000000 199.000000 1850.000000 L 199.000000 1910.000000 S 199.000000 1920.000000 189.000000 1920.000000 L 103.000000 1920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[3]"><path d="M 101.000000 2050.000000 L 189.000000 2050.000000 S 199.000000 2050.000000 199.000000 2060.000000 L 199.000000 2120.000000 S 199.000000 2130.000000 189.000000 2130.000000 L 103.000000 2130.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(a -&gt; a)[5]"><path d="M 101.000000 2260.000000 L 189.000000 2260.000000 S 199.000000 2260.000000 199.000000 2270.000000 L 199.000000 2330.000000 S 199.000000 2340.000000 189.000000 2340.000000 L 103.000000 2340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 2390.000000 L 595.000000 2390.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(c -&gt; c)[0]"><path d="M 601.000000 2520.000000 L 689.000000 2520.000000 S 699.000000 2520.000000 699.000000 2530.000000 L 699.000000 2590.000000 S 699.000000 2600.000000 689.000000 2600.000000 L 603.000000 2600.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 2730.000000 L 595.000000 2730.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(c -&gt; c)[1]"><path d="M 601.000000 2860.000000 L 689.000000 2860.000000 S 699.000000 2860.000000 699.000000 2870.000000 L 699.000000 2930.000000 S 699.000000 2940.000000 689.000000 2940.000000 L 603.000000 2940.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><g id="(b -&gt; c)[2]"><path d="M 351.000000 3070.000000 L 595.000000 3070.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2716954117)"/></g><mask id="2716954117" maskUnits="userSpaceOnUse" x="-100" y="-100" width="927" height="3328">
 <rect x="-100" y="-100" width="927" height="3328" fill="white"></rect>
 <rect x="54.000000" y="235.000000" width="52" height="16" fill="black"></rect>
 <rect x="54.000000" y="445.000000" width="52" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
index 044423029..15c0d7449 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
@@ -203,6 +203,7 @@
       "underline": false,
       "labelWidth": 25,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -244,6 +245,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -285,6 +287,7 @@
       "underline": false,
       "labelWidth": 73,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -446,6 +449,7 @@
       "underline": false,
       "labelWidth": 53,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -528,6 +532,7 @@
       "underline": false,
       "labelWidth": 33,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
index 0d4b34a6d..0ad2119d0 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="1119" height="2090" viewBox="-78 -28 1119 2090"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(d -- )[0]"><path d="M 849.000000 142.000000 L 849.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="b.t1"><g class="shape" ><rect x="343" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="593" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="339" y="1034" width="20" height="80" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ggg"><g class="shape blend" ><rect x="49" y="360" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="66.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape blend" ><rect x="275" y="490" width="398" height="730" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="306.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape blend" ><rect x="299" y="1270" width="438" height="406" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="330.500000" y="1291.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape blend" ><rect x="747" y="1726" width="194" height="156" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="768.500000" y="1747.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape blend" ><rect x="299" y="750" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="340.500000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -&gt; b)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 345.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 400.000000 L 345.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="224.000000" y="406.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 530.000000 L 595.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c -&gt; b)[1]"><path d="M 597.000000 660.000000 L 353.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.000000" y="666.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 790.000000 L 353.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.500000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 357.000000 920.000000 L 589.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 361.000000 1050.000000 L 589.000000 1050.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 591.000000 1180.000000 L 359.000000 1180.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 1310.000000 L 595.000000 1310.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c -&gt; b)[2]"><path d="M 597.000000 1636.000000 L 353.000000 1636.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.500000" y="1642.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="c.what would arnold say"><g class="shape" ><path d="M 501 1440 H 676 C 677 1440 678 1440 679 1441 L 696 1457 C 697 1458 697 1459 697 1460 V 1506 C 697 1506 697 1506 697 1506 H 501 C 500 1506 500 1506 500 1506 V 1441 C 500 1440 500 1440 501 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 696 1506 H 501 C 500 1506 500 1506 500 1505 V 1441 C 500 1440 500 1440 501 1440 H 675 C 676 1440 676 1440 676 1441 V 1458 C 676 1459 677 1460 678 1460 H 696 C 697 1460 697 1460 697 1461 V 1505 C 696 1506 697 1506 696 1506 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><path d="M 798 1766 H 880 C 881 1766 882 1766 883 1767 L 900 1783 C 901 1784 901 1785 901 1786 V 1832 C 901 1832 901 1832 901 1832 H 798 C 797 1832 797 1832 797 1832 V 1767 C 797 1766 797 1766 798 1766 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 900 1832 H 798 C 797 1832 797 1832 797 1831 V 1767 C 797 1766 797 1766 798 1766 H 879 C 880 1766 880 1766 880 1767 V 1784 C 880 1785 881 1786 882 1786 H 900 C 901 1786 901 1786 901 1787 V 1831 C 900 1832 901 1832 900 1832 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="849.000000" y="1804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><mask id="887761351" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1119" height="2090">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(d -- )[0]"><path d="M 849.000000 142.000000 L 849.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="b.t1"><g class="shape" ><rect x="343" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="593" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="339" y="1034" width="20" height="80" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ggg"><g class="shape blend" ><rect x="49" y="360" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="365.000000" width="25" height="21" fill="#DEE1EB"></rect><text class="text" x="66.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape blend" ><rect x="275" y="490" width="398" height="730" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="280.000000" y="495.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="306.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape blend" ><rect x="299" y="1270" width="438" height="406" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="1275.000000" width="53" height="21" fill="#DEE1EB"></rect><text class="text" x="330.500000" y="1291.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape blend" ><rect x="747" y="1726" width="194" height="156" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="752.000000" y="1731.000000" width="33" height="21" fill="#DEE1EB"></rect><text class="text" x="768.500000" y="1747.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape blend" ><rect x="299" y="750" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="755.000000" width="73" height="21" fill="#DEE1EB"></rect><text class="text" x="340.500000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -&gt; b)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 345.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 400.000000 L 345.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="224.000000" y="406.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 530.000000 L 595.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c -&gt; b)[1]"><path d="M 597.000000 660.000000 L 353.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.000000" y="666.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 790.000000 L 353.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.500000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 357.000000 920.000000 L 589.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 361.000000 1050.000000 L 589.000000 1050.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 591.000000 1180.000000 L 359.000000 1180.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 1310.000000 L 595.000000 1310.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c -&gt; b)[2]"><path d="M 597.000000 1636.000000 L 353.000000 1636.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.500000" y="1642.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="c.what would arnold say"><g class="shape" ><path d="M 501 1440 H 676 C 677 1440 678 1440 679 1441 L 696 1457 C 697 1458 697 1459 697 1460 V 1506 C 697 1506 697 1506 697 1506 H 501 C 500 1506 500 1506 500 1506 V 1441 C 500 1440 500 1440 501 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 696 1506 H 501 C 500 1506 500 1506 500 1505 V 1441 C 500 1440 500 1440 501 1440 H 675 C 676 1440 676 1440 676 1441 V 1458 C 676 1459 677 1460 678 1460 H 696 C 697 1460 697 1460 697 1461 V 1505 C 696 1506 697 1506 696 1506 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><path d="M 798 1766 H 880 C 881 1766 882 1766 883 1767 L 900 1783 C 901 1784 901 1785 901 1786 V 1832 C 901 1832 901 1832 901 1832 H 798 C 797 1832 797 1832 797 1832 V 1767 C 797 1766 797 1766 798 1766 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 900 1832 H 798 C 797 1832 797 1832 797 1831 V 1767 C 797 1766 797 1766 798 1766 H 879 C 880 1766 880 1766 880 1767 V 1784 C 880 1785 881 1786 882 1786 H 900 C 901 1786 901 1786 901 1787 V 1831 C 900 1832 901 1832 900 1832 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="849.000000" y="1804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><mask id="21342209" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1119" height="2090">
 <rect x="-100" y="-100" width="1119" height="2090" fill="white"></rect>
 <rect x="54.000000" y="365.000000" width="25" height="16" fill="black"></rect>
 <rect x="280.000000" y="495.000000" width="52" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
index 044423029..15c0d7449 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
@@ -203,6 +203,7 @@
       "underline": false,
       "labelWidth": 25,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -244,6 +245,7 @@
       "underline": false,
       "labelWidth": 52,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -285,6 +287,7 @@
       "underline": false,
       "labelWidth": 73,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -446,6 +449,7 @@
       "underline": false,
       "labelWidth": 53,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -528,6 +532,7 @@
       "underline": false,
       "labelWidth": 33,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
index 0d4b34a6d..0ad2119d0 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="1119" height="2090" viewBox="-78 -28 1119 2090"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="(d -- )[0]"><path d="M 849.000000 142.000000 L 849.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#887761351)"/></g><g id="b.t1"><g class="shape" ><rect x="343" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="593" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="339" y="1034" width="20" height="80" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ggg"><g class="shape blend" ><rect x="49" y="360" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="66.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape blend" ><rect x="275" y="490" width="398" height="730" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="306.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape blend" ><rect x="299" y="1270" width="438" height="406" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="330.500000" y="1291.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape blend" ><rect x="747" y="1726" width="194" height="156" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="768.500000" y="1747.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape blend" ><rect x="299" y="750" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="340.500000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -&gt; b)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 345.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 400.000000 L 345.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="224.000000" y="406.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 530.000000 L 595.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c -&gt; b)[1]"><path d="M 597.000000 660.000000 L 353.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.000000" y="666.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 790.000000 L 353.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.500000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 357.000000 920.000000 L 589.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 361.000000 1050.000000 L 589.000000 1050.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 591.000000 1180.000000 L 359.000000 1180.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 1310.000000 L 595.000000 1310.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/></g><g id="(c -&gt; b)[2]"><path d="M 597.000000 1636.000000 L 353.000000 1636.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#887761351)"/><text class="text-italic" x="474.500000" y="1642.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="c.what would arnold say"><g class="shape" ><path d="M 501 1440 H 676 C 677 1440 678 1440 679 1441 L 696 1457 C 697 1458 697 1459 697 1460 V 1506 C 697 1506 697 1506 697 1506 H 501 C 500 1506 500 1506 500 1506 V 1441 C 500 1440 500 1440 501 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 696 1506 H 501 C 500 1506 500 1506 500 1505 V 1441 C 500 1440 500 1440 501 1440 H 675 C 676 1440 676 1440 676 1441 V 1458 C 676 1459 677 1460 678 1460 H 696 C 697 1460 697 1460 697 1461 V 1505 C 696 1506 697 1506 696 1506 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><path d="M 798 1766 H 880 C 881 1766 882 1766 883 1767 L 900 1783 C 901 1784 901 1785 901 1786 V 1832 C 901 1832 901 1832 901 1832 H 798 C 797 1832 797 1832 797 1832 V 1767 C 797 1766 797 1766 798 1766 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 900 1832 H 798 C 797 1832 797 1832 797 1831 V 1767 C 797 1766 797 1766 798 1766 H 879 C 880 1766 880 1766 880 1767 V 1784 C 880 1785 881 1786 882 1786 H 900 C 901 1786 901 1786 901 1787 V 1831 C 900 1832 901 1832 900 1832 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="849.000000" y="1804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><mask id="887761351" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1119" height="2090">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="(d -- )[0]"><path d="M 849.000000 142.000000 L 849.000000 1961.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#21342209)"/></g><g id="b.t1"><g class="shape" ><rect x="343" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="593" y="904" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="339" y="1034" width="20" height="80" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ggg"><g class="shape blend" ><rect x="49" y="360" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="365.000000" width="25" height="21" fill="#DEE1EB"></rect><text class="text" x="66.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape blend" ><rect x="275" y="490" width="398" height="730" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="280.000000" y="495.000000" width="52" height="21" fill="#DEE1EB"></rect><text class="text" x="306.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape blend" ><rect x="299" y="1270" width="438" height="406" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="1275.000000" width="53" height="21" fill="#DEE1EB"></rect><text class="text" x="330.500000" y="1291.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape blend" ><rect x="747" y="1726" width="194" height="156" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="752.000000" y="1731.000000" width="33" height="21" fill="#DEE1EB"></rect><text class="text" x="768.500000" y="1747.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape blend" ><rect x="299" y="750" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="304.000000" y="755.000000" width="73" height="21" fill="#DEE1EB"></rect><text class="text" x="340.500000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -&gt; b)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 345.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 400.000000 L 345.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="224.000000" y="406.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 530.000000 L 595.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c -&gt; b)[1]"><path d="M 597.000000 660.000000 L 353.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.000000" y="666.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 790.000000 L 353.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.500000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 357.000000 920.000000 L 589.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 361.000000 1050.000000 L 589.000000 1050.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 591.000000 1180.000000 L 359.000000 1180.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(b -&gt; c)[1]"><path d="M 351.000000 1310.000000 L 595.000000 1310.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/></g><g id="(c -&gt; b)[2]"><path d="M 597.000000 1636.000000 L 353.000000 1636.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#21342209)"/><text class="text-italic" x="474.500000" y="1642.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="c.what would arnold say"><g class="shape" ><path d="M 501 1440 H 676 C 677 1440 678 1440 679 1441 L 696 1457 C 697 1458 697 1459 697 1460 V 1506 C 697 1506 697 1506 697 1506 H 501 C 500 1506 500 1506 500 1506 V 1441 C 500 1440 500 1440 501 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 696 1506 H 501 C 500 1506 500 1506 500 1505 V 1441 C 500 1440 500 1440 501 1440 H 675 C 676 1440 676 1440 676 1441 V 1458 C 676 1459 677 1460 678 1460 H 696 C 697 1460 697 1460 697 1461 V 1505 C 696 1506 697 1506 696 1506 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><path d="M 798 1766 H 880 C 881 1766 882 1766 883 1767 L 900 1783 C 901 1784 901 1785 901 1786 V 1832 C 901 1832 901 1832 901 1832 H 798 C 797 1832 797 1832 797 1832 V 1767 C 797 1766 797 1766 798 1766 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 900 1832 H 798 C 797 1832 797 1832 797 1831 V 1767 C 797 1766 797 1766 798 1766 H 879 C 880 1766 880 1766 880 1767 V 1784 C 880 1785 881 1786 882 1786 H 900 C 901 1786 901 1786 901 1787 V 1831 C 900 1832 901 1832 900 1832 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="849.000000" y="1804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><mask id="21342209" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1119" height="2090">
 <rect x="-100" y="-100" width="1119" height="2090" fill="white"></rect>
 <rect x="54.000000" y="365.000000" width="25" height="16" fill="black"></rect>
 <rect x="280.000000" y="495.000000" width="52" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json
index 7404bfaf6..9b9b23b00 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 155,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 233,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 168,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -285,6 +288,7 @@
       "underline": false,
       "labelWidth": 72,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 4
@@ -367,6 +371,7 @@
       "underline": false,
       "labelWidth": 36,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 5
@@ -408,6 +413,7 @@
       "underline": false,
       "labelWidth": 19,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -449,6 +455,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -490,6 +497,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -531,6 +539,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -572,6 +581,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg
index d07170bc3..6b260eb7f 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="1008" height="2220" viewBox="-167 -28 1008 2220"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="307" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="382.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="589" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="664.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">just an actor</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="(b -- )[0]"><path d="M 382.000000 142.000000 L 382.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="(c -- )[0]"><path d="M 664.000000 142.000000 L 664.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-67" y="230" width="595" height="892" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="15.500000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="alt"><g class="shape blend" ><rect x="308" y="1052" width="430" height="518" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="322.500000" y="1073.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">alt</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-43" y="360" width="547" height="738" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="78.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="alt.case 1"><g class="shape blend" ><rect x="332" y="1076" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1097.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 1</text></g><g id="alt.case 2"><g class="shape blend" ><rect x="332" y="1206" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1227.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 2</text></g><g id="alt.case 3"><g class="shape blend" ><rect x="332" y="1336" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1357.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 3</text></g><g id="alt.case 4"><g class="shape blend" ><rect x="332" y="1466" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1487.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 4</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-19" y="490" width="499" height="584" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="70.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="5" y="816" width="451" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="46.000000" y="837.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="49" y="946" width="383" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="72.000000" y="967.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">whoa</text></g><g id="(a -&gt; b)[4]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 378.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[3]"><path d="M 101.000000 400.000000 L 378.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[2]"><path d="M 101.000000 530.000000 L 378.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[1]"><path d="M 101.000000 856.000000 L 378.000000 856.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 986.000000 L 378.000000 986.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[0]"><path d="M 384.000000 1116.000000 L 660.000000 1116.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[1]"><path d="M 384.000000 1246.000000 L 660.000000 1246.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[2]"><path d="M 384.000000 1376.000000 L 660.000000 1376.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[3]"><path d="M 384.000000 1506.000000 L 660.000000 1506.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="a.a note"><g class="shape" ><path d="M 56 920 H 122 C 123 920 124 920 125 921 L 142 937 C 143 938 143 939 143 940 V 986 C 143 986 143 986 143 986 H 56 C 55 986 55 986 55 986 V 921 C 55 920 55 920 56 920 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 142 986 H 56 C 55 986 55 986 55 985 V 921 C 55 920 55 920 56 920 H 121 C 122 920 122 920 122 921 V 938 C 122 939 123 940 124 940 H 142 C 143 940 143 940 143 941 V 985 C 142 986 143 986 142 986 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="958.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note</text></g><g id="b.note"><g class="shape" ><path d="M 150 1896 H 593 C 594 1896 595 1896 596 1897 L 613 1913 C 614 1914 614 1915 614 1916 V 1962 C 614 1962 614 1962 614 1962 H 150 C 149 1962 149 1962 149 1962 V 1897 C 149 1896 149 1896 150 1896 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 613 1962 H 150 C 149 1962 149 1962 149 1961 V 1897 C 149 1896 149 1896 150 1896 H 592 C 593 1896 593 1896 593 1897 V 1914 C 593 1915 594 1916 595 1916 H 613 C 614 1916 614 1916 614 1917 V 1961 C 613 1962 614 1962 613 1962 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="381.500000" y="1934.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 61 1440 H 116 C 117 1440 118 1440 119 1441 L 136 1457 C 137 1458 137 1459 137 1460 V 1570 C 137 1570 137 1570 137 1570 H 61 C 60 1570 60 1570 60 1570 V 1441 C 60 1440 60 1440 61 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 136 1570 H 61 C 60 1570 60 1570 60 1569 V 1441 C 60 1440 60 1440 61 1440 H 115 C 116 1440 116 1440 116 1441 V 1458 C 116 1459 117 1460 118 1460 H 136 C 137 1460 137 1460 137 1461 V 1569 C 136 1570 137 1570 136 1570 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="98.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="98.500000" dy="0.000000">just</tspan><tspan x="98.500000" dy="17.000000">a</tspan><tspan x="98.500000" dy="17.000000">long</tspan><tspan x="98.500000" dy="17.000000">note</tspan><tspan x="98.500000" dy="17.000000">here</tspan></text></g><mask id="1489699350" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1008" height="2220">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="307" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="382.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="589" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="664.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">just an actor</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="(b -- )[0]"><path d="M 382.000000 142.000000 L 382.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="(c -- )[0]"><path d="M 664.000000 142.000000 L 664.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-67" y="230" width="595" height="892" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-62.000000" y="235.000000" width="155" height="21" fill="#DEE1EB"></rect><text class="text" x="15.500000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="alt"><g class="shape blend" ><rect x="308" y="1052" width="430" height="518" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="313.000000" y="1057.000000" width="19" height="21" fill="#DEE1EB"></rect><text class="text" x="322.500000" y="1073.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">alt</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-43" y="360" width="547" height="738" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-38.000000" y="365.000000" width="233" height="21" fill="#DEE1EB"></rect><text class="text" x="78.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="alt.case 1"><g class="shape blend" ><rect x="332" y="1076" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1081.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1097.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 1</text></g><g id="alt.case 2"><g class="shape blend" ><rect x="332" y="1206" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1211.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1227.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 2</text></g><g id="alt.case 3"><g class="shape blend" ><rect x="332" y="1336" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1341.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1357.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 3</text></g><g id="alt.case 4"><g class="shape blend" ><rect x="332" y="1466" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1471.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1487.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 4</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-19" y="490" width="499" height="584" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-14.000000" y="495.000000" width="168" height="21" fill="#DEE1EB"></rect><text class="text" x="70.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="5" y="816" width="451" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="10.000000" y="821.000000" width="72" height="21" fill="#DEE1EB"></rect><text class="text" x="46.000000" y="837.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="49" y="946" width="383" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="951.000000" width="36" height="21" fill="#DEE1EB"></rect><text class="text" x="72.000000" y="967.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">whoa</text></g><g id="(a -&gt; b)[4]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 378.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[3]"><path d="M 101.000000 400.000000 L 378.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[2]"><path d="M 101.000000 530.000000 L 378.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[1]"><path d="M 101.000000 856.000000 L 378.000000 856.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 986.000000 L 378.000000 986.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[0]"><path d="M 384.000000 1116.000000 L 660.000000 1116.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[1]"><path d="M 384.000000 1246.000000 L 660.000000 1246.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[2]"><path d="M 384.000000 1376.000000 L 660.000000 1376.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[3]"><path d="M 384.000000 1506.000000 L 660.000000 1506.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="a.a note"><g class="shape" ><path d="M 56 920 H 122 C 123 920 124 920 125 921 L 142 937 C 143 938 143 939 143 940 V 986 C 143 986 143 986 143 986 H 56 C 55 986 55 986 55 986 V 921 C 55 920 55 920 56 920 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 142 986 H 56 C 55 986 55 986 55 985 V 921 C 55 920 55 920 56 920 H 121 C 122 920 122 920 122 921 V 938 C 122 939 123 940 124 940 H 142 C 143 940 143 940 143 941 V 985 C 142 986 143 986 142 986 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="958.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note</text></g><g id="b.note"><g class="shape" ><path d="M 150 1896 H 593 C 594 1896 595 1896 596 1897 L 613 1913 C 614 1914 614 1915 614 1916 V 1962 C 614 1962 614 1962 614 1962 H 150 C 149 1962 149 1962 149 1962 V 1897 C 149 1896 149 1896 150 1896 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 613 1962 H 150 C 149 1962 149 1962 149 1961 V 1897 C 149 1896 149 1896 150 1896 H 592 C 593 1896 593 1896 593 1897 V 1914 C 593 1915 594 1916 595 1916 H 613 C 614 1916 614 1916 614 1917 V 1961 C 613 1962 614 1962 613 1962 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="381.500000" y="1934.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 61 1440 H 116 C 117 1440 118 1440 119 1441 L 136 1457 C 137 1458 137 1459 137 1460 V 1570 C 137 1570 137 1570 137 1570 H 61 C 60 1570 60 1570 60 1570 V 1441 C 60 1440 60 1440 61 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 136 1570 H 61 C 60 1570 60 1570 60 1569 V 1441 C 60 1440 60 1440 61 1440 H 115 C 116 1440 116 1440 116 1441 V 1458 C 116 1459 117 1460 118 1460 H 136 C 137 1460 137 1460 137 1461 V 1569 C 136 1570 137 1570 136 1570 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="98.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="98.500000" dy="0.000000">just</tspan><tspan x="98.500000" dy="17.000000">a</tspan><tspan x="98.500000" dy="17.000000">long</tspan><tspan x="98.500000" dy="17.000000">note</tspan><tspan x="98.500000" dy="17.000000">here</tspan></text></g><mask id="2850785046" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1008" height="2220">
 <rect x="-100" y="-100" width="1008" height="2220" fill="white"></rect>
 <rect x="-62.000000" y="235.000000" width="155" height="16" fill="black"></rect>
 <rect x="313.000000" y="1057.000000" width="19" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json
index 7404bfaf6..9b9b23b00 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 155,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 233,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 168,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -285,6 +288,7 @@
       "underline": false,
       "labelWidth": 72,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 4
@@ -367,6 +371,7 @@
       "underline": false,
       "labelWidth": 36,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 5
@@ -408,6 +413,7 @@
       "underline": false,
       "labelWidth": 19,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -449,6 +455,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -490,6 +497,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -531,6 +539,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -572,6 +581,7 @@
       "underline": false,
       "labelWidth": 42,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg
index d07170bc3..6b260eb7f 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="1008" height="2220" viewBox="-167 -28 1008 2220"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="307" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="382.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="589" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="664.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">just an actor</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="(b -- )[0]"><path d="M 382.000000 142.000000 L 382.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="(c -- )[0]"><path d="M 664.000000 142.000000 L 664.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1489699350)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-67" y="230" width="595" height="892" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="15.500000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="alt"><g class="shape blend" ><rect x="308" y="1052" width="430" height="518" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="322.500000" y="1073.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">alt</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-43" y="360" width="547" height="738" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="78.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="alt.case 1"><g class="shape blend" ><rect x="332" y="1076" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1097.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 1</text></g><g id="alt.case 2"><g class="shape blend" ><rect x="332" y="1206" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1227.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 2</text></g><g id="alt.case 3"><g class="shape blend" ><rect x="332" y="1336" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1357.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 3</text></g><g id="alt.case 4"><g class="shape blend" ><rect x="332" y="1466" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="358.000000" y="1487.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 4</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-19" y="490" width="499" height="584" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="70.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="5" y="816" width="451" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="46.000000" y="837.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="49" y="946" width="383" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="72.000000" y="967.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">whoa</text></g><g id="(a -&gt; b)[4]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 378.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[3]"><path d="M 101.000000 400.000000 L 378.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[2]"><path d="M 101.000000 530.000000 L 378.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[1]"><path d="M 101.000000 856.000000 L 378.000000 856.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 986.000000 L 378.000000 986.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[0]"><path d="M 384.000000 1116.000000 L 660.000000 1116.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[1]"><path d="M 384.000000 1246.000000 L 660.000000 1246.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[2]"><path d="M 384.000000 1376.000000 L 660.000000 1376.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="(b -&gt; c)[3]"><path d="M 384.000000 1506.000000 L 660.000000 1506.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1489699350)"/></g><g id="a.a note"><g class="shape" ><path d="M 56 920 H 122 C 123 920 124 920 125 921 L 142 937 C 143 938 143 939 143 940 V 986 C 143 986 143 986 143 986 H 56 C 55 986 55 986 55 986 V 921 C 55 920 55 920 56 920 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 142 986 H 56 C 55 986 55 986 55 985 V 921 C 55 920 55 920 56 920 H 121 C 122 920 122 920 122 921 V 938 C 122 939 123 940 124 940 H 142 C 143 940 143 940 143 941 V 985 C 142 986 143 986 142 986 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="958.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note</text></g><g id="b.note"><g class="shape" ><path d="M 150 1896 H 593 C 594 1896 595 1896 596 1897 L 613 1913 C 614 1914 614 1915 614 1916 V 1962 C 614 1962 614 1962 614 1962 H 150 C 149 1962 149 1962 149 1962 V 1897 C 149 1896 149 1896 150 1896 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 613 1962 H 150 C 149 1962 149 1962 149 1961 V 1897 C 149 1896 149 1896 150 1896 H 592 C 593 1896 593 1896 593 1897 V 1914 C 593 1915 594 1916 595 1916 H 613 C 614 1916 614 1916 614 1917 V 1961 C 613 1962 614 1962 613 1962 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="381.500000" y="1934.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 61 1440 H 116 C 117 1440 118 1440 119 1441 L 136 1457 C 137 1458 137 1459 137 1460 V 1570 C 137 1570 137 1570 137 1570 H 61 C 60 1570 60 1570 60 1570 V 1441 C 60 1440 60 1440 61 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 136 1570 H 61 C 60 1570 60 1570 60 1569 V 1441 C 60 1440 60 1440 61 1440 H 115 C 116 1440 116 1440 116 1441 V 1458 C 116 1459 117 1460 118 1460 H 136 C 137 1460 137 1460 137 1461 V 1569 C 136 1570 137 1570 136 1570 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="98.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="98.500000" dy="0.000000">just</tspan><tspan x="98.500000" dy="17.000000">a</tspan><tspan x="98.500000" dy="17.000000">long</tspan><tspan x="98.500000" dy="17.000000">note</tspan><tspan x="98.500000" dy="17.000000">here</tspan></text></g><mask id="1489699350" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1008" height="2220">
+]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="307" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="382.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="589" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="664.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">just an actor</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="(b -- )[0]"><path d="M 382.000000 142.000000 L 382.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="(c -- )[0]"><path d="M 664.000000 142.000000 L 664.000000 2091.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2850785046)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-67" y="230" width="595" height="892" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-62.000000" y="235.000000" width="155" height="21" fill="#DEE1EB"></rect><text class="text" x="15.500000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="alt"><g class="shape blend" ><rect x="308" y="1052" width="430" height="518" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="313.000000" y="1057.000000" width="19" height="21" fill="#DEE1EB"></rect><text class="text" x="322.500000" y="1073.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">alt</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-43" y="360" width="547" height="738" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-38.000000" y="365.000000" width="233" height="21" fill="#DEE1EB"></rect><text class="text" x="78.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="alt.case 1"><g class="shape blend" ><rect x="332" y="1076" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1081.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1097.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 1</text></g><g id="alt.case 2"><g class="shape blend" ><rect x="332" y="1206" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1211.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1227.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 2</text></g><g id="alt.case 3"><g class="shape blend" ><rect x="332" y="1336" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1341.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1357.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 3</text></g><g id="alt.case 4"><g class="shape blend" ><rect x="332" y="1466" width="382" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="337.000000" y="1471.000000" width="42" height="21" fill="#DEE1EB"></rect><text class="text" x="358.000000" y="1487.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">case 4</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-19" y="490" width="499" height="584" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-14.000000" y="495.000000" width="168" height="21" fill="#DEE1EB"></rect><text class="text" x="70.000000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="5" y="816" width="451" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="10.000000" y="821.000000" width="72" height="21" fill="#DEE1EB"></rect><text class="text" x="46.000000" y="837.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="49" y="946" width="383" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="951.000000" width="36" height="21" fill="#DEE1EB"></rect><text class="text" x="72.000000" y="967.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">whoa</text></g><g id="(a -&gt; b)[4]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 378.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[3]"><path d="M 101.000000 400.000000 L 378.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[2]"><path d="M 101.000000 530.000000 L 378.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[1]"><path d="M 101.000000 856.000000 L 378.000000 856.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(a -&gt; b)[0]"><path d="M 101.000000 986.000000 L 378.000000 986.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[0]"><path d="M 384.000000 1116.000000 L 660.000000 1116.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[1]"><path d="M 384.000000 1246.000000 L 660.000000 1246.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[2]"><path d="M 384.000000 1376.000000 L 660.000000 1376.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="(b -&gt; c)[3]"><path d="M 384.000000 1506.000000 L 660.000000 1506.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2850785046)"/></g><g id="a.a note"><g class="shape" ><path d="M 56 920 H 122 C 123 920 124 920 125 921 L 142 937 C 143 938 143 939 143 940 V 986 C 143 986 143 986 143 986 H 56 C 55 986 55 986 55 986 V 921 C 55 920 55 920 56 920 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 142 986 H 56 C 55 986 55 986 55 985 V 921 C 55 920 55 920 56 920 H 121 C 122 920 122 920 122 921 V 938 C 122 939 123 940 124 940 H 142 C 143 940 143 940 143 941 V 985 C 142 986 143 986 142 986 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="958.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note</text></g><g id="b.note"><g class="shape" ><path d="M 150 1896 H 593 C 594 1896 595 1896 596 1897 L 613 1913 C 614 1914 614 1915 614 1916 V 1962 C 614 1962 614 1962 614 1962 H 150 C 149 1962 149 1962 149 1962 V 1897 C 149 1896 149 1896 150 1896 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 613 1962 H 150 C 149 1962 149 1962 149 1961 V 1897 C 149 1896 149 1896 150 1896 H 592 C 593 1896 593 1896 593 1897 V 1914 C 593 1915 594 1916 595 1916 H 613 C 614 1916 614 1916 614 1917 V 1961 C 613 1962 614 1962 613 1962 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="381.500000" y="1934.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 61 1440 H 116 C 117 1440 118 1440 119 1441 L 136 1457 C 137 1458 137 1459 137 1460 V 1570 C 137 1570 137 1570 137 1570 H 61 C 60 1570 60 1570 60 1570 V 1441 C 60 1440 60 1440 61 1440 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 136 1570 H 61 C 60 1570 60 1570 60 1569 V 1441 C 60 1440 60 1440 61 1440 H 115 C 116 1440 116 1440 116 1441 V 1458 C 116 1459 117 1460 118 1460 H 136 C 137 1460 137 1460 137 1461 V 1569 C 136 1570 137 1570 136 1570 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="98.500000" y="1478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="98.500000" dy="0.000000">just</tspan><tspan x="98.500000" dy="17.000000">a</tspan><tspan x="98.500000" dy="17.000000">long</tspan><tspan x="98.500000" dy="17.000000">note</tspan><tspan x="98.500000" dy="17.000000">here</tspan></text></g><mask id="2850785046" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1008" height="2220">
 <rect x="-100" y="-100" width="1008" height="2220" fill="white"></rect>
 <rect x="-62.000000" y="235.000000" width="155" height="16" fill="black"></rect>
 <rect x="313.000000" y="1057.000000" width="19" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
index 331315d4e..ad0fef343 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
@@ -530,6 +530,7 @@
       "underline": false,
       "labelWidth": 180,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
index b0b9ab192..f2ac28f04 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="2398" height="2416" viewBox="-100 -100 2398 2416"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="How this is rendered"><g class="shape" ><rect x="0" y="0" width="2198" height="2216" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="1099.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="524" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="774" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="1024" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1099.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1524" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1599.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1765" y="110" width="169" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1849.500000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="2024" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2099.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 599.000000 178.000000 L 599.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 849.000000 178.000000 L 849.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1099.000000 178.000000 L 1099.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1349.000000 178.000000 L 1349.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1599.000000 178.000000 L 1599.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1849.500000 178.000000 L 1849.500000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2099.000000 178.000000 L 2099.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3912770070)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="843" y="1006" width="12" height="422" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1093" y="1786" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.only if root is not sequence"><g class="shape blend" ><rect x="805" y="1242" width="1344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="900.000000" y="1263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="224.500000" y="312.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 347.000000 436.000000 L 103.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="224.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 101.000000 566.000000 L 595.000000 566.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="349.000000" y="572.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 597.000000 892.000000 L 103.000000 892.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="349.500000" y="898.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 101.000000 1022.000000 L 839.000000 1022.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="471.000000" y="1028.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 857.000000 1152.000000 L 1845.500000 1152.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="1352.500000" y="1158.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 857.000000 1282.000000 L 2095.000000 1282.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="1477.500000" y="1288.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 859.000000 1412.000000 L 1847.500000 1412.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#3912770070)"/><text class="text-italic" x="1352.000000" y="1418.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 847.000000 1542.000000 L 103.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="474.500000" y="1548.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 101.000000 1672.000000 L 1095.000000 1672.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="599.000000" y="1678.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1107.000000 1802.000000 L 1345.000000 1802.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="1227.000000" y="1808.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1107.000000 1932.000000 L 1595.000000 1932.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="1352.000000" y="1938.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1091.000000 2062.000000 L 103.000000 2062.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3912770070)"/><text class="text-italic" x="596.000000" y="2068.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><path d="M 476 696 H 701 C 702 696 703 696 704 697 L 721 713 C 722 714 722 715 722 716 V 762 C 722 762 722 762 722 762 H 476 C 475 762 475 762 475 762 V 697 C 475 696 475 696 476 696 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 721 762 H 476 C 475 762 475 762 475 761 V 697 C 475 696 475 696 476 696 H 700 C 701 696 701 696 701 697 V 714 C 701 715 702 716 703 716 H 721 C 722 716 722 716 722 717 V 761 C 721 762 722 762 721 762 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="734.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="3912770070" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2398" height="2416">
+]]></script><g id="How this is rendered"><g class="shape" ><rect x="0" y="0" width="2198" height="2216" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="1099.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="524" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="774" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="849.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="1024" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1099.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1524" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1599.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1765" y="110" width="169" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1849.500000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="2024" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2099.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 599.000000 178.000000 L 599.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 849.000000 178.000000 L 849.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1099.000000 178.000000 L 1099.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1349.000000 178.000000 L 1349.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1599.000000 178.000000 L 1599.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1849.500000 178.000000 L 1849.500000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2099.000000 178.000000 L 2099.000000 2191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#858628204)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="843" y="1006" width="12" height="422" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1093" y="1786" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.only if root is not sequence"><g class="shape blend" ><rect x="805" y="1242" width="1344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="810.000000" y="1247.000000" width="180" height="21" fill="#DEE1EB"></rect><text class="text" x="900.000000" y="1263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="224.500000" y="312.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 347.000000 436.000000 L 103.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="224.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 101.000000 566.000000 L 595.000000 566.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="349.000000" y="572.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 597.000000 892.000000 L 103.000000 892.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="349.500000" y="898.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 101.000000 1022.000000 L 839.000000 1022.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="471.000000" y="1028.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 857.000000 1152.000000 L 1845.500000 1152.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="1352.500000" y="1158.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 857.000000 1282.000000 L 2095.000000 1282.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="1477.500000" y="1288.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 859.000000 1412.000000 L 1847.500000 1412.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#858628204)"/><text class="text-italic" x="1352.000000" y="1418.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 847.000000 1542.000000 L 103.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="474.500000" y="1548.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 101.000000 1672.000000 L 1095.000000 1672.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="599.000000" y="1678.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1107.000000 1802.000000 L 1345.000000 1802.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="1227.000000" y="1808.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1107.000000 1932.000000 L 1595.000000 1932.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="1352.000000" y="1938.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1091.000000 2062.000000 L 103.000000 2062.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#858628204)"/><text class="text-italic" x="596.000000" y="2068.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><path d="M 476 696 H 701 C 702 696 703 696 704 697 L 721 713 C 722 714 722 715 722 716 V 762 C 722 762 722 762 722 762 H 476 C 475 762 475 762 475 762 V 697 C 475 696 475 696 476 696 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 721 762 H 476 C 475 762 475 762 475 761 V 697 C 475 696 475 696 476 696 H 700 C 701 696 701 696 701 697 V 714 C 701 715 702 716 703 716 H 721 C 722 716 722 716 722 717 V 761 C 721 762 722 762 721 762 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="598.500000" y="734.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="858628204" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2398" height="2416">
 <rect x="-100" y="-100" width="2398" height="2416" fill="white"></rect>
 <rect x="810.000000" y="1247.000000" width="180" height="16" fill="black"></rect>
 <rect x="141.000000" y="296.000000" width="167" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
index 62ea21293..21168b537 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
@@ -530,6 +530,7 @@
       "underline": false,
       "labelWidth": 180,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
index 567bce699..3aa0c4754 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="2398" height="2416" viewBox="-88 -88 2398 2416"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="How this is rendered"><g class="shape" ><rect x="12" y="12" width="2198" height="2216" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="1111.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="536" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="611.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="786" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="861.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="1036" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1536" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1611.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1777" y="122" width="169" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1861.500000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="2036" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 611.000000 190.000000 L 611.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 861.000000 190.000000 L 861.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1111.000000 190.000000 L 1111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1361.000000 190.000000 L 1361.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1611.000000 190.000000 L 1611.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1861.500000 190.000000 L 1861.500000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2111.000000 190.000000 L 2111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#919663228)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="855" y="1018" width="12" height="422" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1105" y="1798" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.only if root is not sequence"><g class="shape blend" ><rect x="817" y="1254" width="1344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="912.000000" y="1275.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="236.500000" y="324.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 359.000000 448.000000 L 115.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="236.000000" y="454.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 113.000000 578.000000 L 607.000000 578.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="361.000000" y="584.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 609.000000 904.000000 L 115.000000 904.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="361.500000" y="910.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 113.000000 1034.000000 L 851.000000 1034.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="483.000000" y="1040.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 869.000000 1164.000000 L 1857.500000 1164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="1364.500000" y="1170.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 869.000000 1294.000000 L 2107.000000 1294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="1489.500000" y="1300.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 871.000000 1424.000000 L 1859.500000 1424.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#919663228)"/><text class="text-italic" x="1364.000000" y="1430.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 859.000000 1554.000000 L 115.000000 1554.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="486.500000" y="1560.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 113.000000 1684.000000 L 1107.000000 1684.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="611.000000" y="1690.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1119.000000 1814.000000 L 1357.000000 1814.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="1239.000000" y="1820.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1119.000000 1944.000000 L 1607.000000 1944.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="1364.000000" y="1950.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1103.000000 2074.000000 L 115.000000 2074.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#919663228)"/><text class="text-italic" x="608.000000" y="2080.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><path d="M 488 708 H 713 C 714 708 715 708 716 709 L 733 725 C 734 726 734 727 734 728 V 774 C 734 774 734 774 734 774 H 488 C 487 774 487 774 487 774 V 709 C 487 708 487 708 488 708 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 733 774 H 488 C 487 774 487 774 487 773 V 709 C 487 708 487 708 488 708 H 712 C 713 708 713 708 713 709 V 726 C 713 727 714 728 715 728 H 733 C 734 728 734 728 734 729 V 773 C 733 774 734 774 733 774 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="610.500000" y="746.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="919663228" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2398" height="2416">
+]]></script><g id="How this is rendered"><g class="shape" ><rect x="12" y="12" width="2198" height="2216" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="1111.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="536" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="611.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="786" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="861.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="1036" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1536" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1611.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1777" y="122" width="169" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1861.500000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="2036" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 611.000000 190.000000 L 611.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 861.000000 190.000000 L 861.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1111.000000 190.000000 L 1111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1361.000000 190.000000 L 1361.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1611.000000 190.000000 L 1611.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1861.500000 190.000000 L 1861.500000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2111.000000 190.000000 L 2111.000000 2203.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3906770010)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="855" y="1018" width="12" height="422" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1105" y="1798" width="12" height="292" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="How this is rendered.only if root is not sequence"><g class="shape blend" ><rect x="817" y="1254" width="1344" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="822.000000" y="1259.000000" width="180" height="21" fill="#DEE1EB"></rect><text class="text" x="912.000000" y="1275.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="236.500000" y="324.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 359.000000 448.000000 L 115.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="236.000000" y="454.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 113.000000 578.000000 L 607.000000 578.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="361.000000" y="584.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 609.000000 904.000000 L 115.000000 904.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="361.500000" y="910.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 113.000000 1034.000000 L 851.000000 1034.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="483.000000" y="1040.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 869.000000 1164.000000 L 1857.500000 1164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="1364.500000" y="1170.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 869.000000 1294.000000 L 2107.000000 1294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="1489.500000" y="1300.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 871.000000 1424.000000 L 1859.500000 1424.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#3906770010)"/><text class="text-italic" x="1364.000000" y="1430.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 859.000000 1554.000000 L 115.000000 1554.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="486.500000" y="1560.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 113.000000 1684.000000 L 1107.000000 1684.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="611.000000" y="1690.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1119.000000 1814.000000 L 1357.000000 1814.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="1239.000000" y="1820.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1119.000000 1944.000000 L 1607.000000 1944.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="1364.000000" y="1950.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1103.000000 2074.000000 L 115.000000 2074.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3906770010)"/><text class="text-italic" x="608.000000" y="2080.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><path d="M 488 708 H 713 C 714 708 715 708 716 709 L 733 725 C 734 726 734 727 734 728 V 774 C 734 774 734 774 734 774 H 488 C 487 774 487 774 487 774 V 709 C 487 708 487 708 488 708 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 733 774 H 488 C 487 774 487 774 487 773 V 709 C 487 708 487 708 488 708 H 712 C 713 708 713 708 713 709 V 726 C 713 727 714 728 715 728 H 733 C 734 728 734 728 734 729 V 773 C 733 774 734 774 733 774 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="610.500000" y="746.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="3906770010" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2398" height="2416">
 <rect x="-100" y="-100" width="2398" height="2416" fill="white"></rect>
 <rect x="822.000000" y="1259.000000" width="180" height="16" fill="black"></rect>
 <rect x="153.000000" y="308.000000" width="167" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json
index 9f4fa4dff..bb48ae86f 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 155,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 233,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 168,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -285,6 +288,7 @@
       "underline": false,
       "labelWidth": 16,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 4
@@ -326,6 +330,7 @@
       "underline": false,
       "labelWidth": 16,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 5
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg
index 05d4242f8..6426d4926 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="923" height="1184" viewBox="-147 -28 923 1184"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="(a -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="360" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="35.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="490" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="98.500000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="1" y="620" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="90.000000" y="641.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="750" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="38.000000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="880" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="62.000000" y="901.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 595.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 400.000000 L 103.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 530.000000 L 103.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 660.000000 L 103.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 790.000000 L 103.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 920.000000 L 103.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><mask id="3255431482" maskUnits="userSpaceOnUse" x="-100" y="-100" width="923" height="1184">
+]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="(a -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="360" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-42.000000" y="365.000000" width="155" height="21" fill="#DEE1EB"></rect><text class="text" x="35.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="490" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-18.000000" y="495.000000" width="233" height="21" fill="#DEE1EB"></rect><text class="text" x="98.500000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="1" y="620" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="6.000000" y="625.000000" width="168" height="21" fill="#DEE1EB"></rect><text class="text" x="90.000000" y="641.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="750" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="30.000000" y="755.000000" width="16" height="21" fill="#DEE1EB"></rect><text class="text" x="38.000000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="880" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="885.000000" width="16" height="21" fill="#DEE1EB"></rect><text class="text" x="62.000000" y="901.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 595.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 400.000000 L 103.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 530.000000 L 103.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 660.000000 L 103.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 790.000000 L 103.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 920.000000 L 103.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><mask id="4185471396" maskUnits="userSpaceOnUse" x="-100" y="-100" width="923" height="1184">
 <rect x="-100" y="-100" width="923" height="1184" fill="white"></rect>
 <rect x="-42.000000" y="365.000000" width="155" height="16" fill="black"></rect>
 <rect x="-18.000000" y="495.000000" width="233" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json
index 9f4fa4dff..bb48ae86f 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json
@@ -162,6 +162,7 @@
       "underline": false,
       "labelWidth": 155,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 1
@@ -203,6 +204,7 @@
       "underline": false,
       "labelWidth": 233,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -244,6 +246,7 @@
       "underline": false,
       "labelWidth": 168,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -285,6 +288,7 @@
       "underline": false,
       "labelWidth": 16,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 4
@@ -326,6 +330,7 @@
       "underline": false,
       "labelWidth": 16,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 5
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg
index 05d4242f8..6426d4926 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="923" height="1184" viewBox="-147 -28 923 1184"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="(a -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3255431482)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="360" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="35.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="490" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="98.500000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="1" y="620" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="90.000000" y="641.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="750" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="38.000000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="880" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="62.000000" y="901.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 595.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 400.000000 L 103.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 530.000000 L 103.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 660.000000 L 103.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 790.000000 L 103.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 920.000000 L 103.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3255431482)"/></g><mask id="3255431482" maskUnits="userSpaceOnUse" x="-100" y="-100" width="923" height="1184">
+]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="599.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="(a -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="(c -- )[0]"><path d="M 599.000000 142.000000 L 599.000000 1049.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#4185471396)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="360" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-42.000000" y="365.000000" width="155" height="21" fill="#DEE1EB"></rect><text class="text" x="35.500000" y="381.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="490" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="-18.000000" y="495.000000" width="233" height="21" fill="#DEE1EB"></rect><text class="text" x="98.500000" y="511.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="1" y="620" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="6.000000" y="625.000000" width="168" height="21" fill="#DEE1EB"></rect><text class="text" x="90.000000" y="641.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="750" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="30.000000" y="755.000000" width="16" height="21" fill="#DEE1EB"></rect><text class="text" x="38.000000" y="771.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="880" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="885.000000" width="16" height="21" fill="#DEE1EB"></rect><text class="text" x="62.000000" y="901.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 270.000000 L 595.000000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 400.000000 L 103.000000 400.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 530.000000 L 103.000000 530.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 660.000000 L 103.000000 660.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 790.000000 L 103.000000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 920.000000 L 103.000000 920.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185471396)"/></g><mask id="4185471396" maskUnits="userSpaceOnUse" x="-100" y="-100" width="923" height="1184">
 <rect x="-100" y="-100" width="923" height="1184" fill="white"></rect>
 <rect x="-42.000000" y="365.000000" width="155" height="16" fill="black"></rect>
 <rect x="-18.000000" y="495.000000" width="233" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json
index b9bf6c4eb..042a68402 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json
@@ -202,6 +202,7 @@
       "underline": false,
       "labelWidth": 130,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -243,6 +244,7 @@
       "underline": false,
       "labelWidth": 129,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -284,6 +286,7 @@
       "underline": false,
       "labelWidth": 143,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg
index fcb3d7dd0..4446407ac 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="648" height="1050" viewBox="-100 -100 648 1050"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="Office chatter"><g class="shape" ><rect x="0" y="0" width="448" height="850" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Office chatter</text></g><g id="Office chatter.alice"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Alice</text></g><g id="Office chatter.bob"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Bobby</text></g><g id="(Office chatter.alice -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 825.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2845329500)"/></g><g id="(Office chatter.bob -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 825.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2845329500)"/></g><g id="Office chatter.alice.a"><g class="shape" ><rect x="93" y="680" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.bob.a"><g class="shape" ><rect x="343" y="680" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.awkward small talk"><g class="shape blend" ><rect x="25" y="266" width="398" height="494" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="95.000000" y="287.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">awkward small talk</text></g><g id="Office chatter.awkward small talk.icebreaker attempt"><g class="shape blend" ><rect x="49" y="526" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="118.500000" y="547.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">icebreaker attempt</text></g><g id="Office chatter.awkward small talk.unfortunate outcome"><g class="shape blend" ><rect x="55" y="656" width="338" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="131.500000" y="677.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfortunate outcome</text></g><g id="Office chatter.(alice -&gt; bob)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2845329500)"/><text class="text-italic" x="224.000000" y="312.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">uhm, hi</text></g><g id="Office chatter.(bob -&gt; alice)[0]"><path d="M 347.000000 436.000000 L 103.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2845329500)"/><text class="text-italic" x="224.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">oh, hello</text></g><g id="Office chatter.(alice -&gt; bob)[0]"><path d="M 101.000000 566.000000 L 345.000000 566.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2845329500)"/><text class="text-italic" x="224.500000" y="572.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">what did you have for lunch?</text></g><g id="Office chatter.(bob.a -&gt; alice.a)[0]"><path d="M 341.000000 696.000000 L 109.000000 696.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2845329500)"/><text class="text-italic" x="224.500000" y="702.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">that&#39;s personal</text></g><mask id="2845329500" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1050">
+]]></script><g id="Office chatter"><g class="shape" ><rect x="0" y="0" width="448" height="850" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Office chatter</text></g><g id="Office chatter.alice"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Alice</text></g><g id="Office chatter.bob"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Bobby</text></g><g id="(Office chatter.alice -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 825.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1658058530)"/></g><g id="(Office chatter.bob -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 825.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1658058530)"/></g><g id="Office chatter.alice.a"><g class="shape" ><rect x="93" y="680" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.bob.a"><g class="shape" ><rect x="343" y="680" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.awkward small talk"><g class="shape blend" ><rect x="25" y="266" width="398" height="494" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="30.000000" y="271.000000" width="130" height="21" fill="#DEE1EB"></rect><text class="text" x="95.000000" y="287.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">awkward small talk</text></g><g id="Office chatter.awkward small talk.icebreaker attempt"><g class="shape blend" ><rect x="49" y="526" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="54.000000" y="531.000000" width="129" height="21" fill="#DEE1EB"></rect><text class="text" x="118.500000" y="547.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">icebreaker attempt</text></g><g id="Office chatter.awkward small talk.unfortunate outcome"><g class="shape blend" ><rect x="55" y="656" width="338" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="60.000000" y="661.000000" width="143" height="21" fill="#DEE1EB"></rect><text class="text" x="131.500000" y="677.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfortunate outcome</text></g><g id="Office chatter.(alice -&gt; bob)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1658058530)"/><text class="text-italic" x="224.000000" y="312.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">uhm, hi</text></g><g id="Office chatter.(bob -&gt; alice)[0]"><path d="M 347.000000 436.000000 L 103.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1658058530)"/><text class="text-italic" x="224.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">oh, hello</text></g><g id="Office chatter.(alice -&gt; bob)[0]"><path d="M 101.000000 566.000000 L 345.000000 566.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1658058530)"/><text class="text-italic" x="224.500000" y="572.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">what did you have for lunch?</text></g><g id="Office chatter.(bob.a -&gt; alice.a)[0]"><path d="M 341.000000 696.000000 L 109.000000 696.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1658058530)"/><text class="text-italic" x="224.500000" y="702.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">that&#39;s personal</text></g><mask id="1658058530" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1050">
 <rect x="-100" y="-100" width="648" height="1050" fill="white"></rect>
 <rect x="30.000000" y="271.000000" width="130" height="16" fill="black"></rect>
 <rect x="54.000000" y="531.000000" width="129" height="16" fill="black"></rect>
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json
index bad736b99..b137c9ddc 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json
@@ -202,6 +202,7 @@
       "underline": false,
       "labelWidth": 130,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 2
@@ -243,6 +244,7 @@
       "underline": false,
       "labelWidth": 129,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
@@ -284,6 +286,7 @@
       "underline": false,
       "labelWidth": 143,
       "labelHeight": 21,
+      "labelFill": "#DEE1EB",
       "labelPosition": "INSIDE_TOP_LEFT",
       "zIndex": 3,
       "level": 3
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg
index 44b32c262..aff1a32f4 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ width="648" height="1050" viewBox="-88 -88 648 1050"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="Office chatter"><g class="shape" ><rect x="12" y="12" width="448" height="850" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Office chatter</text></g><g id="Office chatter.alice"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Alice</text></g><g id="Office chatter.bob"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Bobby</text></g><g id="(Office chatter.alice -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 837.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#612067495)"/></g><g id="(Office chatter.bob -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 837.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#612067495)"/></g><g id="Office chatter.alice.a"><g class="shape" ><rect x="105" y="692" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.bob.a"><g class="shape" ><rect x="355" y="692" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.awkward small talk"><g class="shape blend" ><rect x="37" y="278" width="398" height="494" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="107.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">awkward small talk</text></g><g id="Office chatter.awkward small talk.icebreaker attempt"><g class="shape blend" ><rect x="61" y="538" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="130.500000" y="559.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">icebreaker attempt</text></g><g id="Office chatter.awkward small talk.unfortunate outcome"><g class="shape blend" ><rect x="67" y="668" width="338" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="143.500000" y="689.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfortunate outcome</text></g><g id="Office chatter.(alice -&gt; bob)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#612067495)"/><text class="text-italic" x="236.000000" y="324.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">uhm, hi</text></g><g id="Office chatter.(bob -&gt; alice)[0]"><path d="M 359.000000 448.000000 L 115.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#612067495)"/><text class="text-italic" x="236.000000" y="454.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">oh, hello</text></g><g id="Office chatter.(alice -&gt; bob)[0]"><path d="M 113.000000 578.000000 L 357.000000 578.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#612067495)"/><text class="text-italic" x="236.500000" y="584.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">what did you have for lunch?</text></g><g id="Office chatter.(bob.a -&gt; alice.a)[0]"><path d="M 353.000000 708.000000 L 121.000000 708.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#612067495)"/><text class="text-italic" x="236.500000" y="714.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">that&#39;s personal</text></g><mask id="612067495" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1050">
+]]></script><g id="Office chatter"><g class="shape" ><rect x="12" y="12" width="448" height="850" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Office chatter</text></g><g id="Office chatter.alice"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Alice</text></g><g id="Office chatter.bob"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Bobby</text></g><g id="(Office chatter.alice -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 837.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#113055409)"/></g><g id="(Office chatter.bob -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 837.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#113055409)"/></g><g id="Office chatter.alice.a"><g class="shape" ><rect x="105" y="692" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.bob.a"><g class="shape" ><rect x="355" y="692" width="12" height="80" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="Office chatter.awkward small talk"><g class="shape blend" ><rect x="37" y="278" width="398" height="494" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="42.000000" y="283.000000" width="130" height="21" fill="#DEE1EB"></rect><text class="text" x="107.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">awkward small talk</text></g><g id="Office chatter.awkward small talk.icebreaker attempt"><g class="shape blend" ><rect x="61" y="538" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="66.000000" y="543.000000" width="129" height="21" fill="#DEE1EB"></rect><text class="text" x="130.500000" y="559.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">icebreaker attempt</text></g><g id="Office chatter.awkward small talk.unfortunate outcome"><g class="shape blend" ><rect x="67" y="668" width="338" height="80" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:0;" /></g><rect x="72.000000" y="673.000000" width="143" height="21" fill="#DEE1EB"></rect><text class="text" x="143.500000" y="689.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfortunate outcome</text></g><g id="Office chatter.(alice -&gt; bob)[1]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#113055409)"/><text class="text-italic" x="236.000000" y="324.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">uhm, hi</text></g><g id="Office chatter.(bob -&gt; alice)[0]"><path d="M 359.000000 448.000000 L 115.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#113055409)"/><text class="text-italic" x="236.000000" y="454.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">oh, hello</text></g><g id="Office chatter.(alice -&gt; bob)[0]"><path d="M 113.000000 578.000000 L 357.000000 578.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#113055409)"/><text class="text-italic" x="236.500000" y="584.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">what did you have for lunch?</text></g><g id="Office chatter.(bob.a -&gt; alice.a)[0]"><path d="M 353.000000 708.000000 L 121.000000 708.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#113055409)"/><text class="text-italic" x="236.500000" y="714.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">that&#39;s personal</text></g><mask id="113055409" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1050">
 <rect x="-100" y="-100" width="648" height="1050" fill="white"></rect>
 <rect x="42.000000" y="283.000000" width="130" height="16" fill="black"></rect>
 <rect x="66.000000" y="543.000000" width="129" height="16" fill="black"></rect>
diff --git a/testdata/d2exporter/TestExport/shape/sequence_group_position.exp.json b/testdata/d2exporter/TestExport/shape/sequence_group_position.exp.json
index 7ee6ac47c..718be8c43 100644
--- a/testdata/d2exporter/TestExport/shape/sequence_group_position.exp.json
+++ b/testdata/d2exporter/TestExport/shape/sequence_group_position.exp.json
@@ -159,6 +159,7 @@
       "underline": false,
       "labelWidth": 0,
       "labelHeight": 0,
+      "labelFill": "#DEE1EB",
       "zIndex": 3,
       "level": 2
     }