diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 811270371..d907c1999 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -467,7 +467,7 @@ func (obj *Object) Text() *d2target.MText {
 	fontSize := d2fonts.FONT_SIZE_M
 
 	if obj.Class != nil || obj.SQLTable != nil {
-		fontSize = d2fonts.FONT_SIZE_XL
+		fontSize = d2fonts.FONT_SIZE_L
 	}
 
 	if obj.OuterSequenceDiagram() == nil {
diff --git a/d2renderers/d2sketch/testdata/class/sketch.exp.svg b/d2renderers/d2sketch/testdata/class/sketch.exp.svg
index d49d10d78..69bb477fa 100644
--- a/d2renderers/d2sketch/testdata/class/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/class/sketch.exp.svg
@@ -51,19 +51,19 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M58.1193 0H58.1703L55.4939 2.67644L58.1193 0ZM45.7725 0H45.811L41.2851 4.61498L42.7191 3.29325L37.0824 8.92997L35.0554 10.9569L32.0719 13.9404L29.6229 16.5017L27.1738 19.0631L25.8089 20.2034L23.2195 22.6244L18.181 27.6068L23.8178 21.97L27.0615 18.9508L33.8666 11.9773L33.1562 12.5194L37.0262 8.87383L40.784 5.11602L38.0299 7.64561L45.7725 0ZM23.1079 0H23.108L21.5814 1.66688L20.3126 2.79534L23.1079 0ZM7.53869 0H7.54254L7.50005 0.035944L7.53869 0ZM2.49995 0H2.52362L0.900245 1.59971L2.49995 0ZM0 3.64398V3.60744L0.278386 3.36559L0 3.64398ZM0 18.6564V18.5398L0.67985 17.8416L3.4459 15.0755L1.15701 17.1333L2.78713 15.6022L6.01437 12.507L8.5168 9.87253L5.15803 13.2313L11.0357 7.25453L10.4926 7.89678L13.6868 4.7686L8.54982 9.90555L7.05177 11.5687L4.68087 13.9396L0.729379 17.8911L3.01827 15.8333L0 18.6564ZM0 69.2431V69.178L1.64651 67.4763L1.46347 67.7796L5.84063 63.4025L4.42167 64.9016L0 69.4007V69.3408L0.247596 68.9955L0 69.2431ZM2.51594 100H2.49238L5.19989 97.2925L7.70071 95.0162L12.8713 89.6772L12.3094 90.0707L15.288 87.3167L18.1542 84.4504L16.0269 86.3532L22.8752 79.6172L18.5364 84.0683L19.6435 83.0734L15.3441 87.3728L13.798 88.9189L11.5224 91.1945L9.66768 93.1615L7.81297 95.1285L6.74529 95.9716L4.75024 97.7983L2.51594 100ZM7.54255 100H7.5387L9.81396 97.884L8.46606 99.2189L7.54255 100ZM45.8189 100H45.7807L46.9912 98.8047L45.8189 100ZM58.1784 100H58.1272L62.2952 95.7511L66.1408 91.9055L63.0037 94.8115L65.2507 92.6635L69.7117 88.3346L73.2165 84.6977L68.5469 89.3673L76.7379 81.0773L75.9634 81.9509L80.3913 77.5889L73.2496 84.7307L71.1346 87.0107L67.8384 90.3069L62.3447 95.8006L65.4818 92.8947L61.2625 96.9159L58.1784 100ZM75.4277 100H75.229L82.1834 92.9039L81.3403 93.5787L86.0063 89.1371L90.5601 84.5833L87.2464 87.6725L98.0937 76.9375L91.1673 83.9761L92.8932 82.3625L86.0625 89.1933L83.6062 91.6496L79.9907 95.265L77.011 98.357L75.4277 100ZM100 18.5398V18.6563L99.9556 18.6979L95.8065 22.847L100 18.5398ZM100 3.60743V3.64398L99.6791 3.9649L99.2094 4.29428L100 3.60743ZM75.4201 0L74.0312 1.4412L72.401 2.84687L69.281 5.79854L63.1812 11.8422L70.0119 5.01151L73.919 1.32893L75.2214 0H75.4201ZM100 69.1858V69.2509L98.059 71.1919L100 69.1858ZM100 69.3486V69.4085L99.8414 69.5698L100 69.3486ZM41.9398 28.8254L53.6223 16.993L52.5215 18.2437L54.7428 16.0575L54.6875 16.0759L54.8008 16.0004L58.842 12.0231L54.9925 15.8726L55.1085 15.7953L54.898 16.0058L54.84 16.0251L48.6523 22.2128L45.6419 25.473L40.9389 30.1759L33.1007 38.0142L37.5866 33.878L31.558 39.6068L23.3278 47.837L33.0257 37.9393L38.5125 32.4525L34.0266 36.5887L37.2369 33.5283L43.6074 27.3576L48.6023 22.1628L41.9398 28.8254ZM41.0977 17.0531L39.718 18.2925L40.312 17.8388L41.0977 17.0531ZM36.875 20.3106L48.1601 7.88137L42.3438 13.7478L36.875 20.3106ZM35.7125 25.8109L34.3328 27.0503L34.9268 26.5966L35.7125 25.8109ZM17.7022 39.7534L19.0819 38.514L18.8092 38.7867L36.7575 21.8045L23.1569 35.3051L13.5771 43.7372L18.1448 39.4154L17.7022 39.7534ZM3.48102 28.9281L1.53562 30.8735L1.22228 31.0465L0.0765686 32.3326L1.60579 30.9437L2.57849 29.971L3.48102 28.9281ZM0.953463 26.2027L19.5702 7.58594L9.31575 18.6078L0.953463 26.2027ZM23.7175 12.11L17.9339 18.0875L21.4622 14.5592L20.8074 15.4725L28.1915 7.95918L30.4791 5.54232L23.4224 12.599L23.7175 12.11ZM43.4641 43.1538L40.7872 46.1552L42.4907 44.4517L42.3285 45.0465L45.8166 41.3421L46.8441 40.0983L43.4371 43.5053L43.4641 43.1538ZM1.32715 48.3271L8.0918 41.5625L4.3657 45.5674L1.32715 48.3271ZM11.1479 31.2556L11.5689 30.975L11.3584 31.1855L11.1479 31.2556ZM11.9898 27.4667L12.2003 27.2562L11.7793 27.5369L11.9898 27.4667ZM11.3585 34.5531L11.148 34.7636L10.9375 34.8338L11.3585 34.5531ZM72.929 28.5457L82.2965 19.0792L81.4043 20.0705L86.4597 15.0811L78.2983 23.2425L75.8697 25.8362L72.1029 29.603L65.8249 35.881L69.3934 32.5437L64.5858 37.1531L57.994 43.745L65.7754 35.8314L70.17 31.4369L66.6015 34.7742L69.1623 32.3125L74.2507 27.3562L78.2653 23.2095L72.929 28.5457ZM82.6674 1.83549L84.3245 0.31872L83.3724 1.27088L82.6674 1.83549ZM64.5872 16.1312L62.9301 17.648L63.6351 17.0834L64.5872 16.1312ZM70.868 9.85044L80.0048 1.1214L74.6221 6.47142L70.868 9.85044ZM90.2409 41.9448L70.7578 61.4279L79.5093 53.4795L90.2409 41.9448ZM91.8088 42.5434L95.3963 38.8357L95.2132 39.139L99.5904 34.7618L98.1714 36.261L93.5912 40.9214L93.9973 40.3549L91.8088 42.5434ZM94.331 12.8233L89.9853 17.1691L89.2853 17.5555L86.7259 20.4284L90.142 17.3258L92.3149 15.1529L94.331 12.8233ZM44.7972 62.3259L76.9824 30.1406L59.2542 49.1955L44.7972 62.3259ZM77.1482 40.321L70.1709 47.5323L70 47.6463L70.0895 47.6164L68.1916 49.5779L70.185 47.5846L70.2105 47.5761L70.421 47.3656L70.37 47.3996L73.6557 44.1139L72.6416 45.5283L84.0768 33.893L87.6194 30.1502L76.6913 41.0783L77.1482 40.321ZM50.5355 34.3137L72.6617 12.1875L60.4955 25.3084L50.5355 34.3137ZM70.2104 44.0681L70.6314 43.7875L70.4209 43.998L70.2104 44.0681ZM71.263 40.0687L70.842 40.3494L71.0525 40.2792L71.263 40.0687ZM55.1084 12.4355L55.3189 12.225L54.8979 12.5056L55.1084 12.4355ZM48.8718 15.5785L60.2075 4.70496L49.4056 15.4006L48.8718 15.5785ZM23.7636 57.4491L29.9099 51.5854L26.1656 55.6123L27.2361 54.8244L23.435 58.6255L22.0681 59.9924L20.0562 62.0042L18.5082 63.8349L16.9601 65.6656L15.8328 66.2277L13.9315 67.7051L10.4821 71.0132L14.2832 67.2121L16.6775 65.383L21.1113 60.5253L20.477 60.7357L23.2937 58.4842L25.8277 55.9502L23.7636 57.4491ZM48.3825 74.1824L44.8832 77.8523L46.9145 75.8211L45.4748 77.4881L43.4493 79.2862L42.4082 80.1568L43.9215 79.0414L42.2487 80.7143L39.3752 83.8151L41.8844 81.3059L43.8473 79.6842L42.334 80.7995L44.7237 78.4098L46.1576 76.976L46.9713 75.8779L50.078 72.7713L48.1093 74.6262L48.3825 74.1824ZM29.2877 62.9906L29.0772 63.2011L28.8667 63.2713L29.2877 62.9906ZM29.7088 59.4823L29.9193 59.2719L29.4983 59.5525L29.7088 59.4823ZM29.0772 66.5687L28.8667 66.7792L28.6562 66.8494L29.0772 66.5687ZM22.9729 68.748L23.1834 68.5375L22.7624 68.8181L22.9729 68.748ZM3.8147e-05 91.7593L13.2499 79.1355L6.5001 86.2595L3.8147e-05 91.7593ZM16.0685 87.9974L17.1375 87.0687L16.5382 87.668L16.0685 87.9974ZM21.7869 79.3344L20.7179 80.263L21.1876 79.9337L21.7869 79.3344ZM12.3607 95.0755L13.4298 94.1469L12.8304 94.7462L12.3607 95.0755ZM42.7176 59.3801L43.2789 58.8187L43.0684 59.1696L42.7877 59.4502L42.2966 59.801L42.5772 59.3801H42.7176ZM26.3124 49.3152L24.3599 51.2676L23.996 51.3918L22.8956 52.732L24.4798 51.3875L25.456 50.4113L26.3124 49.3152ZM39.0689 63.3097L38.5777 63.6606L39.56 62.6782L39.0689 63.3097ZM20.3574 55.8032L19.3751 56.7856L19.8662 56.4347L20.3574 55.8032ZM39.9297 64.195L41.5504 62.3779L41.534 62.5907L43.5967 60.528L42.9746 61.2811L40.8628 63.5238L40.961 63.1637L39.9297 64.195ZM22.3921 55.457L21.3998 56.5696L22.0313 55.9381L21.9711 56.1587L23.2642 54.7854L23.6451 54.3243L22.3821 55.5873L22.3921 55.457ZM40.6473 92.4498L45.0485 88.0485L43.0066 90.4079L40.806 92.6085L37.3463 95.7507L39.9384 92.8412L40.6473 92.4498ZM18.5042 48.7973L11.5457 55.7558L10.4249 56.3746L6.32684 60.9746L11.7967 56.0067L15.2759 52.5275L18.5042 48.7973ZM32.7113 78.139L31.1131 79.7372L30.8432 79.8668L29.9145 80.9358L31.1833 79.8074L31.9823 79.0083L32.7113 78.139ZM21.7577 93.9525L31.2855 84.0344L30.8324 84.8777L42.4999 73.2102L38.7408 77.2295L26.5552 89.6753L27.5914 88.1187L21.7577 93.9525ZM98.5132 90.0591L89.9224 97.9224L93.5769 94.9953L98.5132 90.0591ZM97.8456 80.2105L99.5027 78.6937L98.5506 79.6459L97.8456 80.2105ZM88.5656 56.4599L78.9205 65.7009L82.1262 63.3036L78.1413 67.2885L73.7522 70.8692L74.7195 70.5082L67.717 78.117L63.992 81.0336L58.0146 87.011L63.4289 81.7988L66.3887 79.4454L68.1212 78.5213L70.5757 75.6625L73.0302 72.8038L76.194 69.64L78.3434 67.4906L84.3208 61.5132L82.6575 62.7723L88.5656 56.4599ZM85.1893 67.0375L83.7304 68.356L84.3561 67.8707L85.1893 67.0375ZM90.7969 58.2022L99.2725 50.5418L94.4317 55.3826L90.7969 58.2022ZM79.377 76.2172L77.9182 77.5357L78.5438 77.0504L79.377 76.2172ZM59.4922 91.7253L56.4011 94.1231L60.0049 90.8659L63.6087 87.6087L59.4922 91.7253ZM63.8833 75.4153L46 92.3896L49.6884 89.1193L53.3767 85.8491L63.8833 75.4153ZM71.6063 55.0765L69.6609 57.0219L69.3475 57.1949L68.2018 58.481L69.731 57.0921L70.7037 56.1194L71.6063 55.0765ZM55.1405 71.6857L61.4131 65.4131L57.958 69.1267L55.1405 71.6857ZM65.8396 69.4497L61.7138 73.7138L64.2308 71.1968L63.7637 71.8484L69.0313 66.4886L70.6632 64.7645L65.6292 69.7985L65.8396 69.4497ZM53.0034 65.4955L58.2258 59.8914L58.0558 60.4431L64.5517 53.9472L62.5136 56.2398L55.7841 63.2238L56.2513 62.2475L53.0034 65.4955ZM97.0997 71.2032L79.6514 88.6515L86.7697 80.814L97.0997 71.2032ZM35.1848 56.2513L31.93 59.9006L34.0012 57.8294L33.804 58.5527L38.0451 54.0485L39.2945 52.5361L35.1519 56.6787L35.1848 56.2513ZM66.8712 26.2471L78.1907 14.3099L77.7244 15.394L91.6784 1.4399L87.233 6.29715L72.7096 21.2323L73.8482 19.2701L66.8712 26.2471ZM28.0473 68.2068L20.4355 76.375L25.1695 71.641L24.4884 73.0639L34.297 62.8844L37.2675 59.5429L27.7995 69.0109L28.0473 68.2068ZM8.94067 39.5658L14.1631 33.9617L13.993 34.5134L20.4889 28.0175L18.4509 30.3101L11.7213 37.2941L12.1886 36.3178L8.94067 39.5658ZM99.7403 26L88 37.7404L93.2735 32.9508L99.7403 26ZM1.93388 8.08743L4.77765 5.04974L4.67856 5.34275L8.20743 1.81388L7.09578 3.05481L3.4355 6.84437L3.69832 6.32299L1.93388 8.08743ZM54.4485 44.211L48.5985 50.061L47.6563 50.5813L44.211 54.4485L48.8095 50.272L51.7345 47.347L54.4485 44.211Z" fill="black"/>
 
   </pattern>
-</defs><g id="manager"><g class="shape" ><path class="shape" transform="translate(0 0)" d="M-0.992114 -0.358567 L422.648191 1.122751 L422.157280 366.905210 L0.573800 368.950065" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(0 0)" d="M0.454301 0.510805 C84.232445 -0.290011, 168.506959 -1.823318, 421.579438 0.207916 M-0.343756 0.140222 C93.643383 -1.499732, 186.866779 -1.801627, 421.692433 0.398950 M422.952682 -1.084564 C420.574503 80.803549, 421.003222 159.064486, 422.862072 367.461042 M422.184545 -0.495511 C423.586402 98.236406, 422.981039 197.556208, 422.252243 368.218374 M422.557926 367.886888 C331.532284 372.322395, 239.080218 372.034357, 0.973219 367.786154 M421.500036 367.923830 C263.318321 368.651754, 105.151574 368.507893, 0.497591 368.022175 M-0.446739 367.825503 C-2.529799 261.506648, -3.603824 157.019931, 0.366887 -0.747711 M0.135122 368.618849 C-3.288089 233.728603, -2.974360 99.709766, 0.273237 0.612530" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(0 0)" d="M-1.600310 -0.578379 L423.045551 1.811030 L422.253697 90.234072 L0.925556 93.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(0 0)" d="M0.454301 0.510805 C84.232445 -0.290011, 168.506959 -1.823318, 421.579438 0.207916 M-0.343756 0.140222 C93.643383 -1.499732, 186.866779 -1.801627, 421.692433 0.398950 M423.536704 -1.749433 C422.249336 21.240470, 422.940872 38.379633, 423.390547 91.130645 M422.297677 -0.799274 C422.821252 23.832291, 421.844784 49.412131, 422.406876 92.352243 M422.557926 91.886888 C331.532284 96.322395, 239.080218 96.034357, 0.973219 91.786154 M421.500036 91.923830 C263.318321 92.651754, 105.151574 92.507893, 0.497591 92.022175 M-0.720604 91.718532 C-0.074585 64.085161, -1.807018 39.407081, 0.591800 -1.206080 M0.217956 92.998223 C-1.907765 57.879564, -1.401710 24.166516, 0.440740 0.988030" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(0 0)" width="422" height="92.000000" /><text class="text-mono" x="211.000000" y="55.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="167.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="213.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;"></text><path class="class_header" d="M0.454301 230.510805 C84.232445 229.709988, 168.506959 228.176681, 421.579438 230.207916 M-0.343756 230.140222 C93.643383 228.500267, 186.866779 228.198372, 421.692433 230.398950" style="fill:#0A0F25" /><text class="text-mono" x="10.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="259.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;">Enum</text><text class="text-mono" x="10.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="305.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;">Job[]</text><text class="text-mono" x="10.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="351.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;">void</text></g></g><mask id="4143248601" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
+</defs><g id="manager"><g class="shape" ><path class="shape" transform="translate(0 0)" d="M-0.992114 -0.358567 L422.648191 1.122751 L422.157280 366.905210 L0.573800 368.950065" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(0 0)" d="M0.454301 0.510805 C84.232445 -0.290011, 168.506959 -1.823318, 421.579438 0.207916 M-0.343756 0.140222 C93.643383 -1.499732, 186.866779 -1.801627, 421.692433 0.398950 M422.952682 -1.084564 C420.574503 80.803549, 421.003222 159.064486, 422.862072 367.461042 M422.184545 -0.495511 C423.586402 98.236406, 422.981039 197.556208, 422.252243 368.218374 M422.557926 367.886888 C331.532284 372.322395, 239.080218 372.034357, 0.973219 367.786154 M421.500036 367.923830 C263.318321 368.651754, 105.151574 368.507893, 0.497591 368.022175 M-0.446739 367.825503 C-2.529799 261.506648, -3.603824 157.019931, 0.366887 -0.747711 M0.135122 368.618849 C-3.288089 233.728603, -2.974360 99.709766, 0.273237 0.612530" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(0 0)" d="M-1.600310 -0.578379 L423.045551 1.811030 L422.253697 90.234072 L0.925556 93.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(0 0)" d="M0.454301 0.510805 C84.232445 -0.290011, 168.506959 -1.823318, 421.579438 0.207916 M-0.343756 0.140222 C93.643383 -1.499732, 186.866779 -1.801627, 421.692433 0.398950 M423.536704 -1.749433 C422.249336 21.240470, 422.940872 38.379633, 423.390547 91.130645 M422.297677 -0.799274 C422.821252 23.832291, 421.844784 49.412131, 422.406876 92.352243 M422.557926 91.886888 C331.532284 96.322395, 239.080218 96.034357, 0.973219 91.786154 M421.500036 91.923830 C263.318321 92.651754, 105.151574 92.507893, 0.497591 92.022175 M-0.720604 91.718532 C-0.074585 64.085161, -1.807018 39.407081, 0.591800 -1.206080 M0.217956 92.998223 C-1.907765 57.879564, -1.401710 24.166516, 0.440740 0.988030" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(0 0)" width="422" height="92.000000" /><text class="text-mono" x="211.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;"></text><path class="class_header" d="M0.454301 230.510805 C84.232445 229.709988, 168.506959 228.176681, 421.579438 230.207916 M-0.343756 230.140222 C93.643383 228.500267, 186.866779 228.198372, 421.692433 230.398950" style="fill:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;">void</text></g></g><mask id="4236109759" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
 <rect x="-100" y="-100" width="626" height="572" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg b/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
index 8bca1f244..8ef9bc26b 100644
--- a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1096" height="491" viewBox="-100 -102 1096 491"><style type="text/css">
+width="1096" height="481" viewBox="-100 -102 1096 481"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -808,12 +808,12 @@ width="1096" height="491" viewBox="-100 -102 1096 491"><style type="text/css">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M58.1193 0H58.1703L55.4939 2.67644L58.1193 0ZM45.7725 0H45.811L41.2851 4.61498L42.7191 3.29325L37.0824 8.92997L35.0554 10.9569L32.0719 13.9404L29.6229 16.5017L27.1738 19.0631L25.8089 20.2034L23.2195 22.6244L18.181 27.6068L23.8178 21.97L27.0615 18.9508L33.8666 11.9773L33.1562 12.5194L37.0262 8.87383L40.784 5.11602L38.0299 7.64561L45.7725 0ZM23.1079 0H23.108L21.5814 1.66688L20.3126 2.79534L23.1079 0ZM7.53869 0H7.54254L7.50005 0.035944L7.53869 0ZM2.49995 0H2.52362L0.900245 1.59971L2.49995 0ZM0 3.64398V3.60744L0.278386 3.36559L0 3.64398ZM0 18.6564V18.5398L0.67985 17.8416L3.4459 15.0755L1.15701 17.1333L2.78713 15.6022L6.01437 12.507L8.5168 9.87253L5.15803 13.2313L11.0357 7.25453L10.4926 7.89678L13.6868 4.7686L8.54982 9.90555L7.05177 11.5687L4.68087 13.9396L0.729379 17.8911L3.01827 15.8333L0 18.6564ZM0 69.2431V69.178L1.64651 67.4763L1.46347 67.7796L5.84063 63.4025L4.42167 64.9016L0 69.4007V69.3408L0.247596 68.9955L0 69.2431ZM2.51594 100H2.49238L5.19989 97.2925L7.70071 95.0162L12.8713 89.6772L12.3094 90.0707L15.288 87.3167L18.1542 84.4504L16.0269 86.3532L22.8752 79.6172L18.5364 84.0683L19.6435 83.0734L15.3441 87.3728L13.798 88.9189L11.5224 91.1945L9.66768 93.1615L7.81297 95.1285L6.74529 95.9716L4.75024 97.7983L2.51594 100ZM7.54255 100H7.5387L9.81396 97.884L8.46606 99.2189L7.54255 100ZM45.8189 100H45.7807L46.9912 98.8047L45.8189 100ZM58.1784 100H58.1272L62.2952 95.7511L66.1408 91.9055L63.0037 94.8115L65.2507 92.6635L69.7117 88.3346L73.2165 84.6977L68.5469 89.3673L76.7379 81.0773L75.9634 81.9509L80.3913 77.5889L73.2496 84.7307L71.1346 87.0107L67.8384 90.3069L62.3447 95.8006L65.4818 92.8947L61.2625 96.9159L58.1784 100ZM75.4277 100H75.229L82.1834 92.9039L81.3403 93.5787L86.0063 89.1371L90.5601 84.5833L87.2464 87.6725L98.0937 76.9375L91.1673 83.9761L92.8932 82.3625L86.0625 89.1933L83.6062 91.6496L79.9907 95.265L77.011 98.357L75.4277 100ZM100 18.5398V18.6563L99.9556 18.6979L95.8065 22.847L100 18.5398ZM100 3.60743V3.64398L99.6791 3.9649L99.2094 4.29428L100 3.60743ZM75.4201 0L74.0312 1.4412L72.401 2.84687L69.281 5.79854L63.1812 11.8422L70.0119 5.01151L73.919 1.32893L75.2214 0H75.4201ZM100 69.1858V69.2509L98.059 71.1919L100 69.1858ZM100 69.3486V69.4085L99.8414 69.5698L100 69.3486ZM41.9398 28.8254L53.6223 16.993L52.5215 18.2437L54.7428 16.0575L54.6875 16.0759L54.8008 16.0004L58.842 12.0231L54.9925 15.8726L55.1085 15.7953L54.898 16.0058L54.84 16.0251L48.6523 22.2128L45.6419 25.473L40.9389 30.1759L33.1007 38.0142L37.5866 33.878L31.558 39.6068L23.3278 47.837L33.0257 37.9393L38.5125 32.4525L34.0266 36.5887L37.2369 33.5283L43.6074 27.3576L48.6023 22.1628L41.9398 28.8254ZM41.0977 17.0531L39.718 18.2925L40.312 17.8388L41.0977 17.0531ZM36.875 20.3106L48.1601 7.88137L42.3438 13.7478L36.875 20.3106ZM35.7125 25.8109L34.3328 27.0503L34.9268 26.5966L35.7125 25.8109ZM17.7022 39.7534L19.0819 38.514L18.8092 38.7867L36.7575 21.8045L23.1569 35.3051L13.5771 43.7372L18.1448 39.4154L17.7022 39.7534ZM3.48102 28.9281L1.53562 30.8735L1.22228 31.0465L0.0765686 32.3326L1.60579 30.9437L2.57849 29.971L3.48102 28.9281ZM0.953463 26.2027L19.5702 7.58594L9.31575 18.6078L0.953463 26.2027ZM23.7175 12.11L17.9339 18.0875L21.4622 14.5592L20.8074 15.4725L28.1915 7.95918L30.4791 5.54232L23.4224 12.599L23.7175 12.11ZM43.4641 43.1538L40.7872 46.1552L42.4907 44.4517L42.3285 45.0465L45.8166 41.3421L46.8441 40.0983L43.4371 43.5053L43.4641 43.1538ZM1.32715 48.3271L8.0918 41.5625L4.3657 45.5674L1.32715 48.3271ZM11.1479 31.2556L11.5689 30.975L11.3584 31.1855L11.1479 31.2556ZM11.9898 27.4667L12.2003 27.2562L11.7793 27.5369L11.9898 27.4667ZM11.3585 34.5531L11.148 34.7636L10.9375 34.8338L11.3585 34.5531ZM72.929 28.5457L82.2965 19.0792L81.4043 20.0705L86.4597 15.0811L78.2983 23.2425L75.8697 25.8362L72.1029 29.603L65.8249 35.881L69.3934 32.5437L64.5858 37.1531L57.994 43.745L65.7754 35.8314L70.17 31.4369L66.6015 34.7742L69.1623 32.3125L74.2507 27.3562L78.2653 23.2095L72.929 28.5457ZM82.6674 1.83549L84.3245 0.31872L83.3724 1.27088L82.6674 1.83549ZM64.5872 16.1312L62.9301 17.648L63.6351 17.0834L64.5872 16.1312ZM70.868 9.85044L80.0048 1.1214L74.6221 6.47142L70.868 9.85044ZM90.2409 41.9448L70.7578 61.4279L79.5093 53.4795L90.2409 41.9448ZM91.8088 42.5434L95.3963 38.8357L95.2132 39.139L99.5904 34.7618L98.1714 36.261L93.5912 40.9214L93.9973 40.3549L91.8088 42.5434ZM94.331 12.8233L89.9853 17.1691L89.2853 17.5555L86.7259 20.4284L90.142 17.3258L92.3149 15.1529L94.331 12.8233ZM44.7972 62.3259L76.9824 30.1406L59.2542 49.1955L44.7972 62.3259ZM77.1482 40.321L70.1709 47.5323L70 47.6463L70.0895 47.6164L68.1916 49.5779L70.185 47.5846L70.2105 47.5761L70.421 47.3656L70.37 47.3996L73.6557 44.1139L72.6416 45.5283L84.0768 33.893L87.6194 30.1502L76.6913 41.0783L77.1482 40.321ZM50.5355 34.3137L72.6617 12.1875L60.4955 25.3084L50.5355 34.3137ZM70.2104 44.0681L70.6314 43.7875L70.4209 43.998L70.2104 44.0681ZM71.263 40.0687L70.842 40.3494L71.0525 40.2792L71.263 40.0687ZM55.1084 12.4355L55.3189 12.225L54.8979 12.5056L55.1084 12.4355ZM48.8718 15.5785L60.2075 4.70496L49.4056 15.4006L48.8718 15.5785ZM23.7636 57.4491L29.9099 51.5854L26.1656 55.6123L27.2361 54.8244L23.435 58.6255L22.0681 59.9924L20.0562 62.0042L18.5082 63.8349L16.9601 65.6656L15.8328 66.2277L13.9315 67.7051L10.4821 71.0132L14.2832 67.2121L16.6775 65.383L21.1113 60.5253L20.477 60.7357L23.2937 58.4842L25.8277 55.9502L23.7636 57.4491ZM48.3825 74.1824L44.8832 77.8523L46.9145 75.8211L45.4748 77.4881L43.4493 79.2862L42.4082 80.1568L43.9215 79.0414L42.2487 80.7143L39.3752 83.8151L41.8844 81.3059L43.8473 79.6842L42.334 80.7995L44.7237 78.4098L46.1576 76.976L46.9713 75.8779L50.078 72.7713L48.1093 74.6262L48.3825 74.1824ZM29.2877 62.9906L29.0772 63.2011L28.8667 63.2713L29.2877 62.9906ZM29.7088 59.4823L29.9193 59.2719L29.4983 59.5525L29.7088 59.4823ZM29.0772 66.5687L28.8667 66.7792L28.6562 66.8494L29.0772 66.5687ZM22.9729 68.748L23.1834 68.5375L22.7624 68.8181L22.9729 68.748ZM3.8147e-05 91.7593L13.2499 79.1355L6.5001 86.2595L3.8147e-05 91.7593ZM16.0685 87.9974L17.1375 87.0687L16.5382 87.668L16.0685 87.9974ZM21.7869 79.3344L20.7179 80.263L21.1876 79.9337L21.7869 79.3344ZM12.3607 95.0755L13.4298 94.1469L12.8304 94.7462L12.3607 95.0755ZM42.7176 59.3801L43.2789 58.8187L43.0684 59.1696L42.7877 59.4502L42.2966 59.801L42.5772 59.3801H42.7176ZM26.3124 49.3152L24.3599 51.2676L23.996 51.3918L22.8956 52.732L24.4798 51.3875L25.456 50.4113L26.3124 49.3152ZM39.0689 63.3097L38.5777 63.6606L39.56 62.6782L39.0689 63.3097ZM20.3574 55.8032L19.3751 56.7856L19.8662 56.4347L20.3574 55.8032ZM39.9297 64.195L41.5504 62.3779L41.534 62.5907L43.5967 60.528L42.9746 61.2811L40.8628 63.5238L40.961 63.1637L39.9297 64.195ZM22.3921 55.457L21.3998 56.5696L22.0313 55.9381L21.9711 56.1587L23.2642 54.7854L23.6451 54.3243L22.3821 55.5873L22.3921 55.457ZM40.6473 92.4498L45.0485 88.0485L43.0066 90.4079L40.806 92.6085L37.3463 95.7507L39.9384 92.8412L40.6473 92.4498ZM18.5042 48.7973L11.5457 55.7558L10.4249 56.3746L6.32684 60.9746L11.7967 56.0067L15.2759 52.5275L18.5042 48.7973ZM32.7113 78.139L31.1131 79.7372L30.8432 79.8668L29.9145 80.9358L31.1833 79.8074L31.9823 79.0083L32.7113 78.139ZM21.7577 93.9525L31.2855 84.0344L30.8324 84.8777L42.4999 73.2102L38.7408 77.2295L26.5552 89.6753L27.5914 88.1187L21.7577 93.9525ZM98.5132 90.0591L89.9224 97.9224L93.5769 94.9953L98.5132 90.0591ZM97.8456 80.2105L99.5027 78.6937L98.5506 79.6459L97.8456 80.2105ZM88.5656 56.4599L78.9205 65.7009L82.1262 63.3036L78.1413 67.2885L73.7522 70.8692L74.7195 70.5082L67.717 78.117L63.992 81.0336L58.0146 87.011L63.4289 81.7988L66.3887 79.4454L68.1212 78.5213L70.5757 75.6625L73.0302 72.8038L76.194 69.64L78.3434 67.4906L84.3208 61.5132L82.6575 62.7723L88.5656 56.4599ZM85.1893 67.0375L83.7304 68.356L84.3561 67.8707L85.1893 67.0375ZM90.7969 58.2022L99.2725 50.5418L94.4317 55.3826L90.7969 58.2022ZM79.377 76.2172L77.9182 77.5357L78.5438 77.0504L79.377 76.2172ZM59.4922 91.7253L56.4011 94.1231L60.0049 90.8659L63.6087 87.6087L59.4922 91.7253ZM63.8833 75.4153L46 92.3896L49.6884 89.1193L53.3767 85.8491L63.8833 75.4153ZM71.6063 55.0765L69.6609 57.0219L69.3475 57.1949L68.2018 58.481L69.731 57.0921L70.7037 56.1194L71.6063 55.0765ZM55.1405 71.6857L61.4131 65.4131L57.958 69.1267L55.1405 71.6857ZM65.8396 69.4497L61.7138 73.7138L64.2308 71.1968L63.7637 71.8484L69.0313 66.4886L70.6632 64.7645L65.6292 69.7985L65.8396 69.4497ZM53.0034 65.4955L58.2258 59.8914L58.0558 60.4431L64.5517 53.9472L62.5136 56.2398L55.7841 63.2238L56.2513 62.2475L53.0034 65.4955ZM97.0997 71.2032L79.6514 88.6515L86.7697 80.814L97.0997 71.2032ZM35.1848 56.2513L31.93 59.9006L34.0012 57.8294L33.804 58.5527L38.0451 54.0485L39.2945 52.5361L35.1519 56.6787L35.1848 56.2513ZM66.8712 26.2471L78.1907 14.3099L77.7244 15.394L91.6784 1.4399L87.233 6.29715L72.7096 21.2323L73.8482 19.2701L66.8712 26.2471ZM28.0473 68.2068L20.4355 76.375L25.1695 71.641L24.4884 73.0639L34.297 62.8844L37.2675 59.5429L27.7995 69.0109L28.0473 68.2068ZM8.94067 39.5658L14.1631 33.9617L13.993 34.5134L20.4889 28.0175L18.4509 30.3101L11.7213 37.2941L12.1886 36.3178L8.94067 39.5658ZM99.7403 26L88 37.7404L93.2735 32.9508L99.7403 26ZM1.93388 8.08743L4.77765 5.04974L4.67856 5.34275L8.20743 1.81388L7.09578 3.05481L3.4355 6.84437L3.69832 6.32299L1.93388 8.08743ZM54.4485 44.211L48.5985 50.061L47.6563 50.5813L44.211 54.4485L48.8095 50.272L51.7345 47.347L54.4485 44.211Z" fill="black"/>
 
   </pattern>
-</defs><g id="x" style='opacity:0.400000'><g class="shape" ><path class="shape" transform="translate(162 8)" d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><path class="shape" transform="translate(162 8)" d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect class="sketch-overlay" transform="translate(162 8)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="276.000000" y="29.000000" width="347" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p>
-</div></foreignObject></g></g><g id="a"><g class="shape" ><path class="shape" transform="translate(162 221)" d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><path class="shape" transform="translate(162 221)" d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect class="sketch-overlay" transform="translate(162 221)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="259.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><path class="shape" transform="translate(683 0)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 80.234072 L0.925556 83.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(683 0)" d="M0.755797 0.849798 C41.919041 0.271510, 83.908070 -2.279368, 210.300335 0.345898 M-0.571888 0.233280 C47.092687 -0.888816, 93.486665 -1.391062, 210.488319 0.663711 M212.536704 -1.749433 C211.341681 19.065447, 212.033216 34.029587, 212.390547 81.130645 M211.297677 -0.799274 C211.758294 21.148334, 210.781825 44.044216, 211.406876 82.352243 M211.928191 81.811822 C166.401573 85.510374, 118.501892 85.031181, 1.619092 81.644237 M210.168238 81.873280 C131.604972 82.658440, 53.066606 82.419106, 0.827814 82.036891 M-0.720604 81.718532 C0.070561 56.953255, -1.661871 35.143268, 0.591800 -1.206080 M0.217956 82.998223 C-1.784721 51.517227, -1.278666 21.441841, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(683 0)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 39.234072 L0.925556 42.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(683 0)" d="M0.755797 0.849798 C41.919041 0.271510, 83.908070 -2.279368, 210.300335 0.345898 M-0.571888 0.233280 C47.092687 -0.888816, 93.486665 -1.391062, 210.488319 0.663711 M212.536704 -1.749433 C211.720292 10.147852, 212.411828 16.194398, 212.390547 40.130645 M211.297677 -0.799274 C211.500163 10.144108, 210.523694 22.035764, 211.406876 41.352243 M211.928191 40.811822 C166.401573 44.510374, 118.501892 44.031181, 1.619092 40.644237 M210.168238 40.873280 C131.604972 41.658440, 53.066606 41.419106, 0.827814 41.036891 M-0.720604 40.718532 C0.665664 27.712437, -1.066769 17.661632, 0.591800 -1.206080 M0.217956 41.998223 C-1.280239 25.431644, -0.774185 10.270675, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="703.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="693.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="796.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="874.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M683.755797 82.849798 C724.919041 82.271510, 766.908070 79.720631, 893.300335 82.345898 M682.428111 82.233280 C730.092687 81.111183, 776.486665 80.608937, 893.488319 82.663711" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(683 0)" width="211" height="82" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 class="connection" fill="none" d="M187.000089 74.340129 M187.000089 74.340129 C189.963884 135.680246, 190.163171 164.939876, 189.405312 218.357263 M185.269924 73.546535 C188.429286 137.079289, 187.378336 166.161496, 189.490419 215.533797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#3483720391)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(189.000000 217.500000) rotate(90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(189.000000 217.500000) rotate(90)"/><text class="text-italic" x="189.000000" y="144.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="3483720391" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1096" height="491">
-<rect x="-100" y="-100" width="1096" height="491" fill="white"></rect>
-<rect x="0.000000" y="128.000000" width="378" height="39" fill="black"></rect>
+</defs><g id="x" style='opacity:0.400000'><g class="shape" ><path class="shape" transform="translate(162 3)" d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><path class="shape" transform="translate(162 3)" d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect class="sketch-overlay" transform="translate(162 3)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="41.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="276.000000" y="24.000000" width="347" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p>
+</div></foreignObject></g></g><g id="a"><g class="shape" ><path class="shape" transform="translate(162 211)" d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><path class="shape" transform="translate(162 211)" d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect class="sketch-overlay" transform="translate(162 211)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="249.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><path class="shape" transform="translate(683 0)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 70.234072 L0.925556 73.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(683 0)" d="M0.755797 0.849798 C41.919041 0.271510, 83.908070 -2.279368, 210.300335 0.345898 M-0.571888 0.233280 C47.092687 -0.888816, 93.486665 -1.391062, 210.488319 0.663711 M212.536704 -1.749433 C211.434025 16.890424, 212.125561 29.679541, 212.390547 71.130645 M211.297677 -0.799274 C211.695335 18.464376, 210.718866 38.676301, 211.406876 72.352243 M211.928191 71.811822 C166.401573 75.510374, 118.501892 75.031181, 1.619092 71.644237 M210.168238 71.873280 C131.604972 72.658440, 53.066606 72.419106, 0.827814 72.036891 M-0.720604 71.718532 C0.215708 49.821348, -1.516724 30.879454, 0.591800 -1.206080 M0.217956 72.998223 C-1.661676 45.154890, -1.155622 18.717167, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(683 0)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 34.234072 L0.925556 37.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(683 0)" d="M0.755797 0.849798 C41.919041 0.271510, 83.908070 -2.279368, 210.300335 0.345898 M-0.571888 0.233280 C47.092687 -0.888816, 93.486665 -1.391062, 210.488319 0.663711 M212.536704 -1.749433 C211.766465 9.060341, 212.458000 14.019375, 212.390547 35.130645 M211.297677 -0.799274 C211.468683 8.802129, 210.492215 19.351806, 211.406876 36.352243 M211.928191 35.811822 C166.401573 39.510374, 118.501892 39.031181, 1.619092 35.644237 M210.168238 35.873280 C131.604972 36.658440, 53.066606 36.419106, 0.827814 36.036891 M-0.720604 35.718532 C0.738237 24.146483, -0.994195 15.529725, 0.591800 -1.206080 M0.217956 36.998223 C-1.218717 22.250475, -0.712663 8.908338, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="703.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="693.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="796.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="874.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M683.755797 72.849798 C724.919041 72.271510, 766.908070 69.720631, 893.300335 72.345898 M682.428111 72.233280 C730.092687 71.111183, 776.486665 70.608937, 893.488319 72.663711" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(683 0)" width="211" height="72" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 class="connection" fill="none" d="M187.000089 69.340129 M187.000089 69.340129 C189.963884 126.680246, 190.163171 154.939876, 189.405312 208.357263 M185.269924 68.546535 C188.429286 128.079289, 187.378336 156.161496, 189.490419 205.533797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#1103230674)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(189.000000 207.500000) rotate(90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(189.000000 207.500000) rotate(90)"/><text class="text-italic" x="189.000000" y="137.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="1103230674" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1096" height="481">
+<rect x="-100" y="-100" width="1096" height="481" fill="white"></rect>
+<rect x="0.000000" y="121.000000" width="378" height="39" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
diff --git a/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg b/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg
index d09f4f9c5..9f773e253 100644
--- a/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1029" height="714" viewBox="-102 -102 1029 714"><style type="text/css">
+width="1029" height="664" viewBox="-102 -102 1029 664"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,40 +51,40 @@ width="1029" height="714" viewBox="-102 -102 1029 714"><style type="text/css">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M58.1193 0H58.1703L55.4939 2.67644L58.1193 0ZM45.7725 0H45.811L41.2851 4.61498L42.7191 3.29325L37.0824 8.92997L35.0554 10.9569L32.0719 13.9404L29.6229 16.5017L27.1738 19.0631L25.8089 20.2034L23.2195 22.6244L18.181 27.6068L23.8178 21.97L27.0615 18.9508L33.8666 11.9773L33.1562 12.5194L37.0262 8.87383L40.784 5.11602L38.0299 7.64561L45.7725 0ZM23.1079 0H23.108L21.5814 1.66688L20.3126 2.79534L23.1079 0ZM7.53869 0H7.54254L7.50005 0.035944L7.53869 0ZM2.49995 0H2.52362L0.900245 1.59971L2.49995 0ZM0 3.64398V3.60744L0.278386 3.36559L0 3.64398ZM0 18.6564V18.5398L0.67985 17.8416L3.4459 15.0755L1.15701 17.1333L2.78713 15.6022L6.01437 12.507L8.5168 9.87253L5.15803 13.2313L11.0357 7.25453L10.4926 7.89678L13.6868 4.7686L8.54982 9.90555L7.05177 11.5687L4.68087 13.9396L0.729379 17.8911L3.01827 15.8333L0 18.6564ZM0 69.2431V69.178L1.64651 67.4763L1.46347 67.7796L5.84063 63.4025L4.42167 64.9016L0 69.4007V69.3408L0.247596 68.9955L0 69.2431ZM2.51594 100H2.49238L5.19989 97.2925L7.70071 95.0162L12.8713 89.6772L12.3094 90.0707L15.288 87.3167L18.1542 84.4504L16.0269 86.3532L22.8752 79.6172L18.5364 84.0683L19.6435 83.0734L15.3441 87.3728L13.798 88.9189L11.5224 91.1945L9.66768 93.1615L7.81297 95.1285L6.74529 95.9716L4.75024 97.7983L2.51594 100ZM7.54255 100H7.5387L9.81396 97.884L8.46606 99.2189L7.54255 100ZM45.8189 100H45.7807L46.9912 98.8047L45.8189 100ZM58.1784 100H58.1272L62.2952 95.7511L66.1408 91.9055L63.0037 94.8115L65.2507 92.6635L69.7117 88.3346L73.2165 84.6977L68.5469 89.3673L76.7379 81.0773L75.9634 81.9509L80.3913 77.5889L73.2496 84.7307L71.1346 87.0107L67.8384 90.3069L62.3447 95.8006L65.4818 92.8947L61.2625 96.9159L58.1784 100ZM75.4277 100H75.229L82.1834 92.9039L81.3403 93.5787L86.0063 89.1371L90.5601 84.5833L87.2464 87.6725L98.0937 76.9375L91.1673 83.9761L92.8932 82.3625L86.0625 89.1933L83.6062 91.6496L79.9907 95.265L77.011 98.357L75.4277 100ZM100 18.5398V18.6563L99.9556 18.6979L95.8065 22.847L100 18.5398ZM100 3.60743V3.64398L99.6791 3.9649L99.2094 4.29428L100 3.60743ZM75.4201 0L74.0312 1.4412L72.401 2.84687L69.281 5.79854L63.1812 11.8422L70.0119 5.01151L73.919 1.32893L75.2214 0H75.4201ZM100 69.1858V69.2509L98.059 71.1919L100 69.1858ZM100 69.3486V69.4085L99.8414 69.5698L100 69.3486ZM41.9398 28.8254L53.6223 16.993L52.5215 18.2437L54.7428 16.0575L54.6875 16.0759L54.8008 16.0004L58.842 12.0231L54.9925 15.8726L55.1085 15.7953L54.898 16.0058L54.84 16.0251L48.6523 22.2128L45.6419 25.473L40.9389 30.1759L33.1007 38.0142L37.5866 33.878L31.558 39.6068L23.3278 47.837L33.0257 37.9393L38.5125 32.4525L34.0266 36.5887L37.2369 33.5283L43.6074 27.3576L48.6023 22.1628L41.9398 28.8254ZM41.0977 17.0531L39.718 18.2925L40.312 17.8388L41.0977 17.0531ZM36.875 20.3106L48.1601 7.88137L42.3438 13.7478L36.875 20.3106ZM35.7125 25.8109L34.3328 27.0503L34.9268 26.5966L35.7125 25.8109ZM17.7022 39.7534L19.0819 38.514L18.8092 38.7867L36.7575 21.8045L23.1569 35.3051L13.5771 43.7372L18.1448 39.4154L17.7022 39.7534ZM3.48102 28.9281L1.53562 30.8735L1.22228 31.0465L0.0765686 32.3326L1.60579 30.9437L2.57849 29.971L3.48102 28.9281ZM0.953463 26.2027L19.5702 7.58594L9.31575 18.6078L0.953463 26.2027ZM23.7175 12.11L17.9339 18.0875L21.4622 14.5592L20.8074 15.4725L28.1915 7.95918L30.4791 5.54232L23.4224 12.599L23.7175 12.11ZM43.4641 43.1538L40.7872 46.1552L42.4907 44.4517L42.3285 45.0465L45.8166 41.3421L46.8441 40.0983L43.4371 43.5053L43.4641 43.1538ZM1.32715 48.3271L8.0918 41.5625L4.3657 45.5674L1.32715 48.3271ZM11.1479 31.2556L11.5689 30.975L11.3584 31.1855L11.1479 31.2556ZM11.9898 27.4667L12.2003 27.2562L11.7793 27.5369L11.9898 27.4667ZM11.3585 34.5531L11.148 34.7636L10.9375 34.8338L11.3585 34.5531ZM72.929 28.5457L82.2965 19.0792L81.4043 20.0705L86.4597 15.0811L78.2983 23.2425L75.8697 25.8362L72.1029 29.603L65.8249 35.881L69.3934 32.5437L64.5858 37.1531L57.994 43.745L65.7754 35.8314L70.17 31.4369L66.6015 34.7742L69.1623 32.3125L74.2507 27.3562L78.2653 23.2095L72.929 28.5457ZM82.6674 1.83549L84.3245 0.31872L83.3724 1.27088L82.6674 1.83549ZM64.5872 16.1312L62.9301 17.648L63.6351 17.0834L64.5872 16.1312ZM70.868 9.85044L80.0048 1.1214L74.6221 6.47142L70.868 9.85044ZM90.2409 41.9448L70.7578 61.4279L79.5093 53.4795L90.2409 41.9448ZM91.8088 42.5434L95.3963 38.8357L95.2132 39.139L99.5904 34.7618L98.1714 36.261L93.5912 40.9214L93.9973 40.3549L91.8088 42.5434ZM94.331 12.8233L89.9853 17.1691L89.2853 17.5555L86.7259 20.4284L90.142 17.3258L92.3149 15.1529L94.331 12.8233ZM44.7972 62.3259L76.9824 30.1406L59.2542 49.1955L44.7972 62.3259ZM77.1482 40.321L70.1709 47.5323L70 47.6463L70.0895 47.6164L68.1916 49.5779L70.185 47.5846L70.2105 47.5761L70.421 47.3656L70.37 47.3996L73.6557 44.1139L72.6416 45.5283L84.0768 33.893L87.6194 30.1502L76.6913 41.0783L77.1482 40.321ZM50.5355 34.3137L72.6617 12.1875L60.4955 25.3084L50.5355 34.3137ZM70.2104 44.0681L70.6314 43.7875L70.4209 43.998L70.2104 44.0681ZM71.263 40.0687L70.842 40.3494L71.0525 40.2792L71.263 40.0687ZM55.1084 12.4355L55.3189 12.225L54.8979 12.5056L55.1084 12.4355ZM48.8718 15.5785L60.2075 4.70496L49.4056 15.4006L48.8718 15.5785ZM23.7636 57.4491L29.9099 51.5854L26.1656 55.6123L27.2361 54.8244L23.435 58.6255L22.0681 59.9924L20.0562 62.0042L18.5082 63.8349L16.9601 65.6656L15.8328 66.2277L13.9315 67.7051L10.4821 71.0132L14.2832 67.2121L16.6775 65.383L21.1113 60.5253L20.477 60.7357L23.2937 58.4842L25.8277 55.9502L23.7636 57.4491ZM48.3825 74.1824L44.8832 77.8523L46.9145 75.8211L45.4748 77.4881L43.4493 79.2862L42.4082 80.1568L43.9215 79.0414L42.2487 80.7143L39.3752 83.8151L41.8844 81.3059L43.8473 79.6842L42.334 80.7995L44.7237 78.4098L46.1576 76.976L46.9713 75.8779L50.078 72.7713L48.1093 74.6262L48.3825 74.1824ZM29.2877 62.9906L29.0772 63.2011L28.8667 63.2713L29.2877 62.9906ZM29.7088 59.4823L29.9193 59.2719L29.4983 59.5525L29.7088 59.4823ZM29.0772 66.5687L28.8667 66.7792L28.6562 66.8494L29.0772 66.5687ZM22.9729 68.748L23.1834 68.5375L22.7624 68.8181L22.9729 68.748ZM3.8147e-05 91.7593L13.2499 79.1355L6.5001 86.2595L3.8147e-05 91.7593ZM16.0685 87.9974L17.1375 87.0687L16.5382 87.668L16.0685 87.9974ZM21.7869 79.3344L20.7179 80.263L21.1876 79.9337L21.7869 79.3344ZM12.3607 95.0755L13.4298 94.1469L12.8304 94.7462L12.3607 95.0755ZM42.7176 59.3801L43.2789 58.8187L43.0684 59.1696L42.7877 59.4502L42.2966 59.801L42.5772 59.3801H42.7176ZM26.3124 49.3152L24.3599 51.2676L23.996 51.3918L22.8956 52.732L24.4798 51.3875L25.456 50.4113L26.3124 49.3152ZM39.0689 63.3097L38.5777 63.6606L39.56 62.6782L39.0689 63.3097ZM20.3574 55.8032L19.3751 56.7856L19.8662 56.4347L20.3574 55.8032ZM39.9297 64.195L41.5504 62.3779L41.534 62.5907L43.5967 60.528L42.9746 61.2811L40.8628 63.5238L40.961 63.1637L39.9297 64.195ZM22.3921 55.457L21.3998 56.5696L22.0313 55.9381L21.9711 56.1587L23.2642 54.7854L23.6451 54.3243L22.3821 55.5873L22.3921 55.457ZM40.6473 92.4498L45.0485 88.0485L43.0066 90.4079L40.806 92.6085L37.3463 95.7507L39.9384 92.8412L40.6473 92.4498ZM18.5042 48.7973L11.5457 55.7558L10.4249 56.3746L6.32684 60.9746L11.7967 56.0067L15.2759 52.5275L18.5042 48.7973ZM32.7113 78.139L31.1131 79.7372L30.8432 79.8668L29.9145 80.9358L31.1833 79.8074L31.9823 79.0083L32.7113 78.139ZM21.7577 93.9525L31.2855 84.0344L30.8324 84.8777L42.4999 73.2102L38.7408 77.2295L26.5552 89.6753L27.5914 88.1187L21.7577 93.9525ZM98.5132 90.0591L89.9224 97.9224L93.5769 94.9953L98.5132 90.0591ZM97.8456 80.2105L99.5027 78.6937L98.5506 79.6459L97.8456 80.2105ZM88.5656 56.4599L78.9205 65.7009L82.1262 63.3036L78.1413 67.2885L73.7522 70.8692L74.7195 70.5082L67.717 78.117L63.992 81.0336L58.0146 87.011L63.4289 81.7988L66.3887 79.4454L68.1212 78.5213L70.5757 75.6625L73.0302 72.8038L76.194 69.64L78.3434 67.4906L84.3208 61.5132L82.6575 62.7723L88.5656 56.4599ZM85.1893 67.0375L83.7304 68.356L84.3561 67.8707L85.1893 67.0375ZM90.7969 58.2022L99.2725 50.5418L94.4317 55.3826L90.7969 58.2022ZM79.377 76.2172L77.9182 77.5357L78.5438 77.0504L79.377 76.2172ZM59.4922 91.7253L56.4011 94.1231L60.0049 90.8659L63.6087 87.6087L59.4922 91.7253ZM63.8833 75.4153L46 92.3896L49.6884 89.1193L53.3767 85.8491L63.8833 75.4153ZM71.6063 55.0765L69.6609 57.0219L69.3475 57.1949L68.2018 58.481L69.731 57.0921L70.7037 56.1194L71.6063 55.0765ZM55.1405 71.6857L61.4131 65.4131L57.958 69.1267L55.1405 71.6857ZM65.8396 69.4497L61.7138 73.7138L64.2308 71.1968L63.7637 71.8484L69.0313 66.4886L70.6632 64.7645L65.6292 69.7985L65.8396 69.4497ZM53.0034 65.4955L58.2258 59.8914L58.0558 60.4431L64.5517 53.9472L62.5136 56.2398L55.7841 63.2238L56.2513 62.2475L53.0034 65.4955ZM97.0997 71.2032L79.6514 88.6515L86.7697 80.814L97.0997 71.2032ZM35.1848 56.2513L31.93 59.9006L34.0012 57.8294L33.804 58.5527L38.0451 54.0485L39.2945 52.5361L35.1519 56.6787L35.1848 56.2513ZM66.8712 26.2471L78.1907 14.3099L77.7244 15.394L91.6784 1.4399L87.233 6.29715L72.7096 21.2323L73.8482 19.2701L66.8712 26.2471ZM28.0473 68.2068L20.4355 76.375L25.1695 71.641L24.4884 73.0639L34.297 62.8844L37.2675 59.5429L27.7995 69.0109L28.0473 68.2068ZM8.94067 39.5658L14.1631 33.9617L13.993 34.5134L20.4889 28.0175L18.4509 30.3101L11.7213 37.2941L12.1886 36.3178L8.94067 39.5658ZM99.7403 26L88 37.7404L93.2735 32.9508L99.7403 26ZM1.93388 8.08743L4.77765 5.04974L4.67856 5.34275L8.20743 1.81388L7.09578 3.05481L3.4355 6.84437L3.69832 6.32299L1.93388 8.08743ZM54.4485 44.211L48.5985 50.061L47.6563 50.5813L44.211 54.4485L48.8095 50.272L51.7345 47.347L54.4485 44.211Z" fill="black"/>
 
   </pattern>
-</defs><g id="users"><g class="shape" ><path class="shape" transform="translate(0 0)" d="M-1.317537 -0.476180 L217.860803 1.491023 L217.208869 244.546109 L0.762011 247.261695" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(0 0)" d="M0.747223 0.840158 C43.122265 0.247233, 86.313725 -2.274709, 216.308272 0.341974 M-0.565401 0.230634 C48.416404 -0.923890, 96.142023 -1.420438, 216.494123 0.656183 M218.265170 -1.440310 C216.034460 54.518440, 216.603802 105.660269, 218.144839 245.284259 M217.245078 -0.658043 C218.474382 65.317219, 217.670454 132.073197, 217.334982 246.290002 M217.917662 245.813957 C171.097233 249.574027, 121.930660 249.100270, 1.600726 245.648273 M216.177673 245.874717 C135.350375 246.662943, 54.547695 246.426324, 0.818424 246.036473 M-0.593274 245.768267 C-1.901700 174.186590, -3.328014 105.038006, 0.487229 -0.992967 M0.179444 246.821838 C-3.130722 155.975109, -2.714087 66.285621, 0.362862 0.813446" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(0 0)" d="M-1.600310 -0.578379 L218.045551 1.811030 L217.253697 39.234072 L0.925556 42.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(0 0)" d="M0.747223 0.840158 C43.122265 0.247233, 86.313725 -2.274709, 216.308272 0.341974 M-0.565401 0.230634 C48.416404 -0.923890, 96.142023 -1.420438, 216.494123 0.656183 M218.536704 -1.749433 C217.720292 10.147852, 218.411828 16.194398, 218.390547 40.130645 M217.297677 -0.799274 C217.500163 10.144108, 216.523694 22.035764, 217.406876 41.352243 M217.917662 40.813957 C171.097233 44.574027, 121.930660 44.100270, 1.600726 40.648273 M216.177673 40.874717 C135.350375 41.662943, 54.547695 41.426324, 0.818424 41.036473 M-0.720604 40.718532 C0.665664 27.712437, -1.066769 17.661632, 0.591800 -1.206080 M0.217956 41.998223 C-1.280239 25.431644, -0.774185 10.270675, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="20.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="119.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="197.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 82.840158 C43.122265 82.247233, 86.313725 79.725290, 216.308272 82.341974 M-0.565401 82.230634 C48.416404 81.076109, 96.142023 80.579561, 216.494123 82.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="119.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="197.000000" y="108.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 123.840158 C43.122265 123.247233, 86.313725 120.725290, 216.308272 123.341974 M-0.565401 123.230634 C48.416404 122.076109, 96.142023 121.579561, 216.494123 123.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="149.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="119.000000" y="149.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="197.000000" y="149.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 164.840158 C43.122265 164.247233, 86.313725 161.725290, 216.308272 164.341974 M-0.565401 164.230634 C48.416404 163.076109, 96.142023 162.579561, 216.494123 164.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="190.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="119.000000" y="190.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="197.000000" y="190.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 205.840158 C43.122265 205.247233, 86.313725 202.725290, 216.308272 205.341974 M-0.565401 205.230634 C48.416404 204.076109, 96.142023 203.579561, 216.494123 205.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="231.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="119.000000" y="231.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="197.000000" y="231.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 246.840158 C43.122265 246.247233, 86.313725 243.725290, 216.308272 246.341974 M-0.565401 246.230634 C48.416404 245.076109, 96.142023 244.579561, 216.494123 246.656183" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(0 0)" width="217" height="246" /></g></g><g id="products"><g class="shape" ><path class="shape" transform="translate(277 21)" d="M-1.426900 -0.515706 L164.932255 1.614787 L164.226206 203.425428 L0.825263 206.366423" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(277 21)" d="M0.857263 0.963884 C32.480983 0.498458, 65.041350 -2.394878, 163.206405 0.392335 M-0.648665 0.264598 C36.741162 -0.602328, 72.689812 -1.172000, 163.419625 0.752815 M165.370186 -1.559864 C163.291900 45.684920, 163.908501 87.712950, 165.239867 204.224848 M164.265421 -0.712664 C165.366604 54.254214, 164.495946 110.066612, 164.362787 205.314074 M165.052801 204.786559 C129.660142 208.051741, 91.575834 207.508216, 1.836456 204.596476 M163.056573 204.856267 C102.262463 205.639244, 41.496595 205.367780, 0.938949 205.041844 M-0.642519 204.749031 C-1.528935 144.841324, -3.073642 87.568671, 0.527672 -1.075389 M0.194339 205.890055 C-2.940775 129.844837, -2.489556 55.052917, 0.392981 0.880967" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(277 21)" d="M-1.600310 -0.578379 L165.045551 1.811030 L164.253697 39.234072 L0.925556 42.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(277 21)" d="M0.857263 0.963884 C32.480983 0.498458, 65.041350 -2.394878, 163.206405 0.392335 M-0.648665 0.264598 C36.741162 -0.602328, 72.689812 -1.172000, 163.419625 0.752815 M165.536704 -1.749433 C164.720292 10.147852, 165.411828 16.194398, 165.390547 40.130645 M164.297677 -0.799274 C164.500163 10.144108, 163.523694 22.035764, 164.406876 41.352243 M165.052801 40.786559 C129.660142 44.051741, 91.575834 43.508216, 1.836456 40.596476 M163.056573 40.856267 C102.262463 41.639244, 41.496595 41.367780, 0.938949 41.041844 M-0.720604 40.718532 C0.665664 27.712437, -1.066769 17.661632, 0.591800 -1.206080 M0.217956 41.998223 C-1.280239 25.431644, -0.774185 10.270675, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="297.000000" y="50.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">products</text><text class="text" x="287.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="355.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="421.000000" y="88.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 103.963884 C309.480983 103.498458, 342.041350 100.605121, 440.206405 103.392335 M276.351334 103.264598 C313.741162 102.397671, 349.689812 101.827999, 440.419625 103.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">price</text>
-<text class="text" x="355.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">decimal</text>
-<text class="text" x="421.000000" y="129.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 144.963884 C309.480983 144.498458, 342.041350 141.605121, 440.206405 144.392335 M276.351334 144.264598 C313.741162 143.397671, 349.689812 142.827999, 440.419625 144.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">sku</text>
-<text class="text" x="355.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="421.000000" y="170.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 185.963884 C309.480983 185.498458, 342.041350 182.605121, 440.206405 185.392335 M276.351334 185.264598 C313.741162 184.397671, 349.689812 183.827999, 440.419625 185.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="355.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="421.000000" y="211.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 226.963884 C309.480983 226.498458, 342.041350 223.605121, 440.206405 226.392335 M276.351334 226.264598 C313.741162 225.397671, 349.689812 224.827999, 440.419625 226.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(277 21)" width="164" height="205" /></g></g><g id="orders"><g class="shape" ><path class="shape" transform="translate(273 346)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 162.234072 L0.925556 165.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(273 346)" d="M0.857263 0.963884 C34.281023 0.461980, 68.641431 -2.431356, 172.206405 0.392335 M-0.648665 0.264598 C38.733329 -0.680037, 76.674146 -1.249709, 172.419625 0.752815 M174.536704 -1.749433 C172.584457 36.900636, 173.275993 69.699965, 174.390547 163.130645 M173.297677 -0.799274 C174.274555 43.156786, 173.298087 88.061120, 173.406876 164.352243 M174.052801 163.786559 C136.719089 167.229807, 96.693729 166.686283, 1.836456 163.596476 M172.056573 163.856267 C107.879249 164.659847, 43.730169 164.388382, 0.938949 164.041844 M-0.720604 163.718532 C-1.119642 115.434891, -2.852076 70.106539, 0.591800 -1.206080 M0.217956 164.998223 C-2.793683 103.688393, -2.287628 43.784173, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(273 346)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 39.234072 L0.925556 42.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(273 346)" d="M0.857263 0.963884 C34.281023 0.461980, 68.641431 -2.431356, 172.206405 0.392335 M-0.648665 0.264598 C38.733329 -0.680037, 76.674146 -1.249709, 172.419625 0.752815 M174.536704 -1.749433 C173.720292 10.147852, 174.411828 16.194398, 174.390547 40.130645 M173.297677 -0.799274 C173.500163 10.144108, 172.523694 22.035764, 173.406876 41.352243 M174.052801 40.786559 C136.719089 44.229807, 96.693729 43.686283, 1.836456 40.596476 M172.056573 40.856267 C107.879249 41.659847, 43.730169 41.388382, 0.938949 41.041844 M-0.720604 40.718532 C0.665664 27.712437, -1.066769 17.661632, 0.591800 -1.206080 M0.217956 41.998223 C-1.280239 25.431644, -0.774185 10.270675, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="293.000000" y="375.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">orders</text><text class="text" x="283.000000" y="413.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="404.000000" y="413.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="426.000000" y="413.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 428.963884 C307.281023 428.461980, 341.641431 425.568643, 445.206405 428.392335 M272.351334 428.264598 C311.733329 427.319962, 349.674146 426.750290, 445.419625 428.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="454.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">user_id</text>
-<text class="text" x="404.000000" y="454.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="426.000000" y="454.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 469.963884 C307.281023 469.461980, 341.641431 466.568643, 445.206405 469.392335 M272.351334 469.264598 C311.733329 468.319962, 349.674146 467.750290, 445.419625 469.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="495.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">product_id</text>
-<text class="text" x="404.000000" y="495.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="426.000000" y="495.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 510.963884 C307.281023 510.461980, 341.641431 507.568643, 445.206405 510.392335 M272.351334 510.264598 C311.733329 509.319962, 349.674146 508.750290, 445.419625 510.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(273 346)" width="173" height="164" /></g></g><g id="shipments"><g class="shape" ><path class="shape" transform="translate(501 21)" d="M-1.426900 -0.515706 L324.932255 1.614787 L324.226206 203.425428 L0.825263 206.366423" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(501 21)" d="M0.594332 0.668252 C64.579774 -0.104023, 129.214584 -2.109946, 323.449808 0.272002 M-0.449713 0.183443 C72.022681 -1.375363, 143.495920 -1.770312, 323.597631 0.521920 M325.370186 -1.559864 C323.291900 45.684920, 323.908501 87.712950, 325.239867 204.224848 M324.265421 -0.712664 C325.366604 54.254214, 324.495946 110.066612, 324.362787 205.314074 M324.729897 204.852023 C254.836504 209.310445, 183.077015 208.933625, 1.273198 204.720240 M323.345931 204.900351 C202.143401 205.697113, 80.960452 205.508909, 0.650965 205.029010 M-0.642519 204.749031 C-1.528935 144.841324, -3.073642 87.568671, 0.527672 -1.075389 M0.194339 205.890055 C-2.940775 129.844837, -2.489556 55.052917, 0.392981 0.880967" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(501 21)" d="M-1.600310 -0.578379 L325.045551 1.811030 L324.253697 39.234072 L0.925556 42.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(501 21)" d="M0.594332 0.668252 C64.579774 -0.104023, 129.214584 -2.109946, 323.449808 0.272002 M-0.449713 0.183443 C72.022681 -1.375363, 143.495920 -1.770312, 323.597631 0.521920 M325.536704 -1.749433 C324.720292 10.147852, 325.411828 16.194398, 325.390547 40.130645 M324.297677 -0.799274 C324.500163 10.144108, 323.523694 22.035764, 324.406876 41.352243 M324.729897 40.852023 C254.836504 45.310445, 183.077015 44.933625, 1.273198 40.720240 M323.345931 40.900351 C202.143401 41.697113, 80.960452 41.508909, 0.650965 41.029010 M-0.720604 40.718532 C0.665664 27.712437, -1.066769 17.661632, 0.591800 -1.206080 M0.217956 41.998223 C-1.280239 25.431644, -0.774185 10.270675, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="521.000000" y="50.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">shipments</text><text class="text" x="511.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="692.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="805.000000" y="88.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 103.668252 C565.579774 102.895976, 630.214584 100.890053, 824.449808 103.272002 M500.550286 103.183443 C573.022681 101.624636, 644.495920 101.229687, 824.597631 103.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">order_id</text>
-<text class="text" x="692.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="805.000000" y="129.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 144.668252 C565.579774 143.895976, 630.214584 141.890053, 824.449808 144.272002 M500.550286 144.183443 C573.022681 142.624636, 644.495920 142.229687, 824.597631 144.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">tracking_number</text>
-<text class="text" x="692.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="805.000000" y="170.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">PK</text><path d="M501.594332 185.668252 C565.579774 184.895976, 630.214584 182.890053, 824.449808 185.272002 M500.550286 185.183443 C573.022681 183.624636, 644.495920 183.229687, 824.597631 185.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">status</text>
-<text class="text" x="692.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="805.000000" y="211.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 226.668252 C565.579774 225.895976, 630.214584 223.890053, 824.449808 226.272002 M500.550286 226.183443 C573.022681 224.624636, 644.495920 224.229687, 824.597631 226.521920" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(501 21)" width="324" height="205" /></g></g><g id="(users &lt;-&gt; orders)[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><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 class="connection" fill="none" d="M106.500089 248.340129 M106.500089 248.340129 C109.463884 285.680246, 142.463171 312.723708, 269.366559 381.411692 M104.769924 247.546535 C107.929286 287.079289, 139.678336 313.945328, 269.451666 378.588226" style="stroke:#0D32B2;stroke-width:2;" mask="url(#203054632)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(108.500000 250.000000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(108.500000 250.000000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(268.961247 380.554429) rotate(27.786813867708183)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(268.961247 380.554429) rotate(27.786813867708183)"/></g><g id="(products &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M357.000089 228.840129 M357.000089 228.840129 C359.963884 281.780246, 360.163171 305.439876, 359.405312 342.857263 M355.269924 228.046535 C358.429286 283.179289, 357.378336 306.661496, 359.490419 340.033797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#203054632)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(359.000000 230.500000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(359.000000 230.500000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(359.000000 342.000000) rotate(90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(359.000000 342.000000) rotate(90)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M661.000089 228.840129 M661.000089 228.840129 C663.963884 281.780246, 620.763171 314.239876, 450.075740 389.267308 M659.269924 228.046535 C662.429286 283.179289, 617.978336 315.461496, 450.160847 386.443842" style="stroke:#0D32B2;stroke-width:2;" mask="url(#203054632)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(663.000000 230.500000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(663.000000 230.500000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(449.670428 388.410045) rotate(156.5787174058425)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(449.670428 388.410045) rotate(156.5787174058425)"/></g><mask id="203054632" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1029" height="714">
-<rect x="-100" y="-100" width="1029" height="714" fill="white"></rect>
+</defs><g id="users"><g class="shape" ><path class="shape" transform="translate(0 0)" d="M-1.397559 -0.505101 L217.913085 1.581582 L217.221555 214.457806 L0.808293 217.338325" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(0 0)" d="M0.747223 0.840158 C43.122265 0.247233, 86.313725 -2.274709, 216.308272 0.341974 M-0.565401 0.230634 C48.416404 -0.923890, 96.142023 -1.420438, 216.494123 0.656183 M218.342011 -1.527789 C216.217751 48.054888, 216.821673 92.528085, 218.214372 215.240787 M217.259963 -0.698010 C218.398983 57.222337, 217.546228 115.970818, 217.355327 216.307616 M217.917662 215.813957 C171.097233 219.574027, 121.930660 219.100270, 1.600726 215.648273 M216.177673 215.874717 C135.350375 216.662943, 54.547695 216.426324, 0.818424 216.036473 M-0.629307 215.754192 C-1.636929 152.714444, -3.149872 92.255566, 0.516822 -1.053276 M0.190342 216.871753 C-2.998504 136.855398, -2.556564 58.066569, 0.384901 0.862851" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(0 0)" d="M-1.600310 -0.578379 L218.045551 1.811030 L217.253697 34.234072 L0.925556 37.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(0 0)" d="M0.747223 0.840158 C43.122265 0.247233, 86.313725 -2.274709, 216.308272 0.341974 M-0.565401 0.230634 C48.416404 -0.923890, 96.142023 -1.420438, 216.494123 0.656183 M218.536704 -1.749433 C217.766465 9.060341, 218.458000 14.019375, 218.390547 35.130645 M217.297677 -0.799274 C217.468683 8.802129, 216.492215 19.351806, 217.406876 36.352243 M217.917662 35.813957 C171.097233 39.574027, 121.930660 39.100270, 1.600726 35.648273 M216.177673 35.874717 C135.350375 36.662943, 54.547695 36.426324, 0.818424 36.036473 M-0.720604 35.718532 C0.738237 24.146483, -0.994195 15.529725, 0.591800 -1.206080 M0.217956 36.998223 C-1.218717 22.250475, -0.712663 8.908338, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="20.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="119.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="197.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 72.840158 C43.122265 72.247233, 86.313725 69.725290, 216.308272 72.341974 M-0.565401 72.230634 C48.416404 71.076109, 96.142023 70.579561, 216.494123 72.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="119.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 108.840158 C43.122265 108.247233, 86.313725 105.725290, 216.308272 108.341974 M-0.565401 108.230634 C48.416404 107.076109, 96.142023 106.579561, 216.494123 108.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="119.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 144.840158 C43.122265 144.247233, 86.313725 141.725290, 216.308272 144.341974 M-0.565401 144.230634 C48.416404 143.076109, 96.142023 142.579561, 216.494123 144.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="119.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 180.840158 C43.122265 180.247233, 86.313725 177.725290, 216.308272 180.341974 M-0.565401 180.230634 C48.416404 179.076109, 96.142023 178.579561, 216.494123 180.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="119.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="197.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 216.840158 C43.122265 216.247233, 86.313725 213.725290, 216.308272 216.341974 M-0.565401 216.230634 C48.416404 215.076109, 96.142023 214.579561, 216.494123 216.656183" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(0 0)" width="217" height="216" /></g></g><g id="products"><g class="shape" ><path class="shape" transform="translate(277 18)" d="M-1.600310 -0.578379 L165.045551 1.811030 L164.253697 178.234072 L0.925556 181.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(277 18)" d="M0.857263 0.963884 C32.480983 0.498458, 65.041350 -2.394878, 163.206405 0.392335 M-0.648665 0.264598 C36.741162 -0.602328, 72.689812 -1.172000, 163.419625 0.752815 M165.536704 -1.749433 C163.436706 40.380673, 164.128242 76.660039, 165.390547 179.130645 M164.297677 -0.799274 C165.375289 47.451118, 164.398821 96.649784, 164.406876 180.352243 M165.052801 179.786559 C129.660142 183.051741, 91.575834 182.508216, 1.836456 179.596476 M163.056573 179.856267 C102.262463 180.639244, 41.496595 180.367780, 0.938949 180.041844 M-0.720604 179.718532 C-1.351878 126.845941, -3.084311 76.928641, 0.591800 -1.206080 M0.217956 180.998223 C-2.990554 113.868133, -2.484499 48.143653, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(277 18)" d="M-1.600310 -0.578379 L165.045551 1.811030 L164.253697 34.234072 L0.925556 37.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(277 18)" d="M0.857263 0.963884 C32.480983 0.498458, 65.041350 -2.394878, 163.206405 0.392335 M-0.648665 0.264598 C36.741162 -0.602328, 72.689812 -1.172000, 163.419625 0.752815 M165.536704 -1.749433 C164.766465 9.060341, 165.458000 14.019375, 165.390547 35.130645 M164.297677 -0.799274 C164.468683 8.802129, 163.492215 19.351806, 164.406876 36.352243 M165.052801 35.786559 C129.660142 39.051741, 91.575834 38.508216, 1.836456 35.596476 M163.056573 35.856267 C102.262463 36.639244, 41.496595 36.367780, 0.938949 36.041844 M-0.720604 35.718532 C0.738237 24.146483, -0.994195 15.529725, 0.591800 -1.206080 M0.217956 36.998223 C-1.218717 22.250475, -0.712663 8.908338, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="297.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="287.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="355.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="421.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 90.963884 C309.480983 90.498458, 342.041350 87.605121, 440.206405 90.392335 M276.351334 90.264598 C313.741162 89.397671, 349.689812 88.827999, 440.419625 90.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
+<text class="text" x="355.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
+<text class="text" x="421.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 126.963884 C309.480983 126.498458, 342.041350 123.605121, 440.206405 126.392335 M276.351334 126.264598 C313.741162 125.397671, 349.689812 124.827999, 440.419625 126.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
+<text class="text" x="355.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="421.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 162.963884 C309.480983 162.498458, 342.041350 159.605121, 440.206405 162.392335 M276.351334 162.264598 C313.741162 161.397671, 349.689812 160.827999, 440.419625 162.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="355.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="421.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 198.963884 C309.480983 198.498458, 342.041350 195.605121, 440.206405 198.392335 M276.351334 198.264598 C313.741162 197.397671, 349.689812 196.827999, 440.419625 198.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(277 18)" width="164" height="180" /></g></g><g id="orders"><g class="shape" ><path class="shape" transform="translate(273 316)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 142.234072 L0.925556 145.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(273 316)" d="M0.857263 0.963884 C34.281023 0.461980, 68.641431 -2.431356, 172.206405 0.392335 M-0.648665 0.264598 C38.733329 -0.680037, 76.674146 -1.249709, 172.419625 0.752815 M174.536704 -1.749433 C172.769146 32.550590, 173.460681 60.999873, 174.390547 143.130645 M173.297677 -0.799274 C174.148638 37.788871, 173.172169 77.325289, 173.406876 144.352243 M174.052801 143.786559 C136.719089 147.229807, 96.693729 146.686283, 1.836456 143.596476 M172.056573 143.856267 C107.879249 144.659847, 43.730169 144.388382, 0.938949 144.041844 M-0.720604 143.718532 C-0.829349 101.171077, -2.561782 61.578912, 0.591800 -1.206080 M0.217956 144.998223 C-2.547594 90.963718, -2.041540 38.334824, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(273 316)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 34.234072 L0.925556 37.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(273 316)" d="M0.857263 0.963884 C34.281023 0.461980, 68.641431 -2.431356, 172.206405 0.392335 M-0.648665 0.264598 C38.733329 -0.680037, 76.674146 -1.249709, 172.419625 0.752815 M174.536704 -1.749433 C173.766465 9.060341, 174.458000 14.019375, 174.390547 35.130645 M173.297677 -0.799274 C173.468683 8.802129, 172.492215 19.351806, 173.406876 36.352243 M174.052801 35.786559 C136.719089 39.229807, 96.693729 38.686283, 1.836456 35.596476 M172.056573 35.856267 C107.879249 36.659847, 43.730169 36.388382, 0.938949 36.041844 M-0.720604 35.718532 C0.738237 24.146483, -0.994195 15.529725, 0.591800 -1.206080 M0.217956 36.998223 C-1.218717 22.250475, -0.712663 8.908338, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="293.000000" y="341.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="283.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="404.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 388.963884 C307.281023 388.461980, 341.641431 385.568643, 445.206405 388.392335 M272.351334 388.264598 C311.733329 387.319962, 349.674146 386.750290, 445.419625 388.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
+<text class="text" x="404.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 424.963884 C307.281023 424.461980, 341.641431 421.568643, 445.206405 424.392335 M272.351334 424.264598 C311.733329 423.319962, 349.674146 422.750290, 445.419625 424.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
+<text class="text" x="404.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 460.963884 C307.281023 460.461980, 341.641431 457.568643, 445.206405 460.392335 M272.351334 460.264598 C311.733329 459.319962, 349.674146 458.750290, 445.419625 460.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(273 316)" width="173" height="144" /></g></g><g id="shipments"><g class="shape" ><path class="shape" transform="translate(501 18)" d="M-1.600310 -0.578379 L325.045551 1.811030 L324.253697 178.234072 L0.925556 181.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(501 18)" d="M0.594332 0.668252 C64.579774 -0.104023, 129.214584 -2.109946, 323.449808 0.272002 M-0.449713 0.183443 C72.022681 -1.375363, 143.495920 -1.770312, 323.597631 0.521920 M325.536704 -1.749433 C323.436706 40.380673, 324.128242 76.660039, 325.390547 179.130645 M324.297677 -0.799274 C325.375289 47.451118, 324.398821 96.649784, 324.406876 180.352243 M324.729897 179.852023 C254.836504 184.310445, 183.077015 183.933625, 1.273198 179.720240 M323.345931 179.900351 C202.143401 180.697113, 80.960452 180.508909, 0.650965 180.029010 M-0.720604 179.718532 C-1.351878 126.845941, -3.084311 76.928641, 0.591800 -1.206080 M0.217956 180.998223 C-2.990554 113.868133, -2.484499 48.143653, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(501 18)" d="M-1.600310 -0.578379 L325.045551 1.811030 L324.253697 34.234072 L0.925556 37.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(501 18)" d="M0.594332 0.668252 C64.579774 -0.104023, 129.214584 -2.109946, 323.449808 0.272002 M-0.449713 0.183443 C72.022681 -1.375363, 143.495920 -1.770312, 323.597631 0.521920 M325.536704 -1.749433 C324.766465 9.060341, 325.458000 14.019375, 325.390547 35.130645 M324.297677 -0.799274 C324.468683 8.802129, 323.492215 19.351806, 324.406876 36.352243 M324.729897 35.852023 C254.836504 40.310445, 183.077015 39.933625, 1.273198 35.720240 M323.345931 35.900351 C202.143401 36.697113, 80.960452 36.508909, 0.650965 36.029010 M-0.720604 35.718532 C0.738237 24.146483, -0.994195 15.529725, 0.591800 -1.206080 M0.217956 36.998223 C-1.218717 22.250475, -0.712663 8.908338, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="521.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="511.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="692.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="805.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 90.668252 C565.579774 89.895976, 630.214584 87.890053, 824.449808 90.272002 M500.550286 90.183443 C573.022681 88.624636, 644.495920 88.229687, 824.597631 90.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
+<text class="text" x="692.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="805.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 126.668252 C565.579774 125.895976, 630.214584 123.890053, 824.449808 126.272002 M500.550286 126.183443 C573.022681 124.624636, 644.495920 124.229687, 824.597631 126.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="692.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="805.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><path d="M501.594332 162.668252 C565.579774 161.895976, 630.214584 159.890053, 824.449808 162.272002 M500.550286 162.183443 C573.022681 160.624636, 644.495920 160.229687, 824.597631 162.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
+<text class="text" x="692.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="805.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 198.668252 C565.579774 197.895976, 630.214584 195.890053, 824.449808 198.272002 M500.550286 198.183443 C573.022681 196.624636, 644.495920 196.229687, 824.597631 198.521920" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(501 18)" width="324" height="180" /></g></g><g id="(users &lt;-&gt; orders)[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><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 class="connection" fill="none" d="M106.500089 218.340129 M106.500089 218.340129 C109.463884 255.680246, 142.463171 281.414327, 269.309135 344.978087 M104.769924 217.546535 C107.929286 257.079289, 139.678336 282.635947, 269.394242 342.154621" style="stroke:#0D32B2;stroke-width:2;" mask="url(#2831229992)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(108.500000 220.000000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(108.500000 220.000000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(268.903823 344.120824) rotate(25.96728383471025)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(268.903823 344.120824) rotate(25.96728383471025)"/></g><g id="(products &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M357.000089 200.340129 M357.000089 200.340129 C359.963884 252.080246, 360.163171 275.439876, 359.405312 312.857263 M355.269924 199.546535 C358.429286 253.479289, 357.378336 276.661496, 359.490419 310.033797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#2831229992)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(359.000000 202.000000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(359.000000 202.000000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(359.000000 312.000000) rotate(90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(359.000000 312.000000) rotate(90)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M661.000089 200.340129 M661.000089 200.340129 C663.963884 252.080246, 620.763171 282.839876, 450.118038 352.368751 M659.269924 199.546535 C662.429286 253.479289, 617.978336 284.061496, 450.203145 349.545285" style="stroke:#0D32B2;stroke-width:2;" mask="url(#2831229992)"/><path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(663.000000 202.000000) rotate(-90)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(663.000000 202.000000) rotate(-90)"/> <path class="connection" d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" style="fill:#0D32B2;stroke:none;stroke-width:0;" transform="translate(449.712726 351.511488) rotate(158.15308156411353)"/> <path class="connection" d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" style="fill:none;stroke:#0D32B2;stroke-width:2;" transform="translate(449.712726 351.511488) rotate(158.15308156411353)"/></g><mask id="2831229992" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1029" height="664">
+<rect x="-100" y="-100" width="1029" height="664" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/measured/empty-class/dagre/board.exp.json b/e2etests/testdata/measured/empty-class/dagre/board.exp.json
index 0154149c6..43926e6d3 100644
--- a/e2etests/testdata/measured/empty-class/dagre/board.exp.json
+++ b/e2etests/testdata/measured/empty-class/dagre/board.exp.json
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
index fd5bfd579..6927edd4b 100644
--- a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="316" height="248" viewBox="-102 -102 316 248"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="112" height="44" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" /><line x1="0.000000" y1="44.000000" x2="112.000000" y2="44.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="933829363" maskUnits="userSpaceOnUse" x="-100" y="-100" width="316" height="248">
+]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="112" height="44" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" /><line x1="0.000000" y1="44.000000" x2="112.000000" y2="44.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="2019199647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="316" height="248">
 <rect x="-100" y="-100" width="316" height="248" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[]]></style></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json b/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
index 4bd68c182..296451a21 100644
--- a/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
+++ b/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
index b37f64c2c..53a789b51 100644
--- a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="254" height="216" viewBox="-102 -102 254 216"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="50" height="12" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" /></g></g><mask id="3370421197" maskUnits="userSpaceOnUse" x="-100" y="-100" width="254" height="216">
+]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="50" height="12" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" /></g></g><mask id="1023975809" maskUnits="userSpaceOnUse" x="-100" y="-100" width="254" height="216">
 <rect x="-100" y="-100" width="254" height="216" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[]]></style></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json b/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
index afdf1799a..8ba549b2c 100644
--- a/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
+++ b/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
@@ -9,7 +9,7 @@
         "x": 0,
         "y": 0
       },
-      "width": 354,
+      "width": 319,
       "height": 184,
       "opacity": 1,
       "strokeDash": 0,
@@ -41,15 +41,15 @@
       "methods": null,
       "columns": null,
       "label": "class with rows",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 249,
-      "labelHeight": 36,
+      "labelWidth": 214,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -60,11 +60,11 @@
       "id": "class2",
       "type": "class",
       "pos": {
-        "x": 414,
-        "y": 41
+        "x": 379,
+        "y": 46
       },
-      "width": 404,
-      "height": 102,
+      "width": 362,
+      "height": 92,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -84,15 +84,15 @@
       "methods": null,
       "columns": null,
       "label": "class without rows",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 299,
-      "labelHeight": 36,
+      "labelWidth": 257,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg b/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
index d1a01b426..e27a99065 100644
--- a/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1022" height="388" viewBox="-102 -102 1022 388"><style type="text/css">
+width="945" height="388" viewBox="-102 -102 945 388"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,12 +39,12 @@ width="1022" height="388" viewBox="-102 -102 1022 388"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class1"><g class="shape" ><rect class="shape" x="0" y="0" width="354" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="354.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="177.000000" y="55.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="10.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="334.000000" y="121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="334.000000" y="167.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="354.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="414" y="41" width="404" height="102" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="414.000000" y="41.000000" width="404.000000" height="102.000000" fill="#0A0F25" /><text class="text-mono" x="616.000000" y="101.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class without rows</text><line x1="414.000000" y1="143.000000" x2="818.000000" y2="143.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="1240515111" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1022" height="388">
-<rect x="-100" y="-100" width="1022" height="388" fill="white"></rect>
+]]></script><g id="class1"><g class="shape" ><rect class="shape" x="0" y="0" width="319" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="319.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="159.500000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="299.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="299.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="319.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="379" y="46" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="379.000000" y="46.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="560.000000" y="99.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="379.000000" y1="138.000000" x2="741.000000" y2="138.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="201479814" maskUnits="userSpaceOnUse" x="-100" y="-100" width="945" height="388">
+<rect x="-100" y="-100" width="945" height="388" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text-mono {
diff --git a/e2etests/testdata/regression/empty_class_height/elk/board.exp.json b/e2etests/testdata/regression/empty_class_height/elk/board.exp.json
index 237542cbc..e2cad4326 100644
--- a/e2etests/testdata/regression/empty_class_height/elk/board.exp.json
+++ b/e2etests/testdata/regression/empty_class_height/elk/board.exp.json
@@ -9,7 +9,7 @@
         "x": 12,
         "y": 12
       },
-      "width": 354,
+      "width": 319,
       "height": 184,
       "opacity": 1,
       "strokeDash": 0,
@@ -41,15 +41,15 @@
       "methods": null,
       "columns": null,
       "label": "class with rows",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 249,
-      "labelHeight": 36,
+      "labelWidth": 214,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -60,11 +60,11 @@
       "id": "class2",
       "type": "class",
       "pos": {
-        "x": 386,
-        "y": 53
+        "x": 351,
+        "y": 58
       },
-      "width": 404,
-      "height": 102,
+      "width": 362,
+      "height": 92,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -84,15 +84,15 @@
       "methods": null,
       "columns": null,
       "label": "class without rows",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 299,
-      "labelHeight": 36,
+      "labelWidth": 257,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg b/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
index 930f32655..58188b652 100644
--- a/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="982" height="388" viewBox="-90 -90 982 388"><style type="text/css">
+width="905" height="388" viewBox="-90 -90 905 388"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,12 +39,12 @@ width="982" height="388" viewBox="-90 -90 982 388"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class1"><g class="shape" ><rect class="shape" x="12" y="12" width="354" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="354.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="189.000000" y="67.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="22.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="346.000000" y="133.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="346.000000" y="179.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><line x1="12.000000" y1="196.000000" x2="366.000000" y2="196.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="386" y="53" width="404" height="102" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="386.000000" y="53.000000" width="404.000000" height="102.000000" fill="#0A0F25" /><text class="text-mono" x="588.000000" y="113.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class without rows</text><line x1="386.000000" y1="155.000000" x2="790.000000" y2="155.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="3451017074" maskUnits="userSpaceOnUse" x="-100" y="-100" width="982" height="388">
-<rect x="-100" y="-100" width="982" height="388" fill="white"></rect>
+]]></script><g id="class1"><g class="shape" ><rect class="shape" x="12" y="12" width="319" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="319.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="171.500000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="311.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="311.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="12.000000" y1="196.000000" x2="331.000000" y2="196.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="351" y="58" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="58.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="532.000000" y="111.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="351.000000" y1="150.000000" x2="713.000000" y2="150.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="299065041" maskUnits="userSpaceOnUse" x="-100" y="-100" width="905" height="388">
+<rect x="-100" y="-100" width="905" height="388" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text-mono {
diff --git a/e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json b/e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json
index b90e68d58..0b744a933 100644
--- a/e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json
+++ b/e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json
@@ -9,8 +9,8 @@
         "x": 0,
         "y": 0
       },
-      "width": 1245,
-      "height": 102,
+      "width": 1082,
+      "height": 92,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -30,15 +30,15 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 1140,
-      "labelHeight": 36,
+      "labelWidth": 977,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -49,11 +49,11 @@
       "id": "table",
       "type": "sql_table",
       "pos": {
-        "x": 403,
-        "y": 202
+        "x": 351,
+        "y": 192
       },
-      "width": 439,
-      "height": 41,
+      "width": 381,
+      "height": 36,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -73,15 +73,15 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 414,
-      "labelHeight": 36,
+      "labelWidth": 356,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -92,11 +92,11 @@
       "id": "table with short col",
       "type": "sql_table",
       "pos": {
-        "x": 403,
-        "y": 343
+        "x": 351,
+        "y": 328
       },
-      "width": 439,
-      "height": 82,
+      "width": 381,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -145,15 +145,15 @@
         }
       ],
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 414,
-      "labelHeight": 36,
+      "labelWidth": 356,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -188,20 +188,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 622.5,
-          "y": 102
+          "x": 541,
+          "y": 92
         },
         {
-          "x": 622.5,
-          "y": 142
+          "x": 541,
+          "y": 132
         },
         {
-          "x": 622.5,
-          "y": 162
+          "x": 541,
+          "y": 152
         },
         {
-          "x": 622.5,
-          "y": 202
+          "x": 541,
+          "y": 192
         }
       ],
       "isCurve": true,
@@ -236,20 +236,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 622.5,
-          "y": 243
+          "x": 541,
+          "y": 228
         },
         {
-          "x": 622.5,
-          "y": 283
+          "x": 541,
+          "y": 268
         },
         {
-          "x": 622.5,
-          "y": 303
+          "x": 541,
+          "y": 288
         },
         {
-          "x": 622.5,
-          "y": 343
+          "x": 541,
+          "y": 328
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg b/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg
index b760c4f60..547b27f30 100644
--- a/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1449" height="629" viewBox="-102 -102 1449 629"><style type="text/css">
+width="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,10 +39,10 @@ width="1449" height="629" viewBox="-102 -102 1449 629"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="1245" height="102" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="1245.000000" height="102.000000" fill="#0A0F25" /><text class="text-mono" x="622.500000" y="60.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="102.000000" x2="1245.000000" y2="102.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="403" y="202" width="439" height="41" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="403.000000" y="202.000000" width="439.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="413.000000" y="231.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="403" y="343" width="439" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="403.000000" y="343.000000" width="439.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="413.000000" y="372.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="413.000000" y="410.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">ok</text>
-<text class="text" x="454.000000" y="410.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="822.000000" y="410.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="403.000000" y1="425.000000" x2="842.000000" y2="425.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 622.500000 104.000000 C 622.500000 142.000000 622.500000 162.000000 622.500000 198.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3447949647)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 622.500000 245.000000 C 622.500000 283.000000 622.500000 303.000000 622.500000 339.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3447949647)"/></g><mask id="3447949647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1449" height="629">
-<rect x="-100" y="-100" width="1449" height="629" fill="white"></rect>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="541.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="92.000000" x2="1082.000000" y2="92.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="351" y="192" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="192.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="217.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="351" y="328" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="328.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="353.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="361.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
+<text class="text" x="402.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="712.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="351.000000" y1="400.000000" x2="732.000000" y2="400.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3867717235)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 230.000000 C 541.000000 268.000000 541.000000 288.000000 541.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3867717235)"/></g><mask id="3867717235" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
+<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/only_header_class_table/elk/board.exp.json b/e2etests/testdata/regression/only_header_class_table/elk/board.exp.json
index 0d7a3f960..744dddefe 100644
--- a/e2etests/testdata/regression/only_header_class_table/elk/board.exp.json
+++ b/e2etests/testdata/regression/only_header_class_table/elk/board.exp.json
@@ -9,8 +9,8 @@
         "x": 12,
         "y": 12
       },
-      "width": 1245,
-      "height": 102,
+      "width": 1082,
+      "height": 92,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -30,15 +30,15 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 1140,
-      "labelHeight": 36,
+      "labelWidth": 977,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -49,11 +49,11 @@
       "id": "table",
       "type": "sql_table",
       "pos": {
-        "x": 415,
-        "y": 214
+        "x": 362,
+        "y": 204
       },
-      "width": 439,
-      "height": 41,
+      "width": 381,
+      "height": 36,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -73,15 +73,15 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 414,
-      "labelHeight": 36,
+      "labelWidth": 356,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -92,11 +92,11 @@
       "id": "table with short col",
       "type": "sql_table",
       "pos": {
-        "x": 415,
-        "y": 355
+        "x": 362,
+        "y": 340
       },
-      "width": 439,
-      "height": 82,
+      "width": 381,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -145,15 +145,15 @@
         }
       ],
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 414,
-      "labelHeight": 36,
+      "labelWidth": 356,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -188,12 +188,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 634.5,
-          "y": 114
+          "x": 553,
+          "y": 104
         },
         {
-          "x": 634.5,
-          "y": 214
+          "x": 553,
+          "y": 204
         }
       ],
       "animated": false,
@@ -227,12 +227,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 634.5,
-          "y": 255
+          "x": 553,
+          "y": 240
         },
         {
-          "x": 634.5,
-          "y": 355
+          "x": 553,
+          "y": 340
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg b/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg
index 836c6541c..9a849c3ac 100644
--- a/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1449" height="629" viewBox="-90 -90 1449 629"><style type="text/css">
+width="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,10 +39,10 @@ width="1449" height="629" viewBox="-90 -90 1449 629"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1245" height="102" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1245.000000" height="102.000000" fill="#0A0F25" /><text class="text-mono" x="634.500000" y="72.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="114.000000" x2="1257.000000" y2="114.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="415" y="214" width="439" height="41" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="415.000000" y="214.000000" width="439.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="425.000000" y="243.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="415" y="355" width="439" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="415.000000" y="355.000000" width="439.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="425.000000" y="384.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="425.000000" y="422.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">ok</text>
-<text class="text" x="466.000000" y="422.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="834.000000" y="422.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="415.000000" y1="437.000000" x2="854.000000" y2="437.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 634.500000 116.000000 L 634.500000 210.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#912629984)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 634.500000 257.000000 L 634.500000 351.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#912629984)"/></g><mask id="912629984" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1449" height="629">
-<rect x="-100" y="-100" width="1449" height="629" fill="white"></rect>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="362" y="204" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="204.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="229.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="362" y="340" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="340.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="365.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="372.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
+<text class="text" x="413.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="723.000000" y="399.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="362.000000" y1="412.000000" x2="743.000000" y2="412.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 553.000000 106.000000 L 553.000000 200.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3644627139)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 242.000000 L 553.000000 336.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3644627139)"/></g><mask id="3644627139" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
+<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json b/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
index 24a88cc26..729381f3f 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "y": 0
       },
       "width": 534,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -87,15 +87,15 @@
         }
       ],
       "label": "sql_table_overflow",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 240,
-      "labelHeight": 36,
+      "labelWidth": 206,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -110,7 +110,7 @@
         "y": 0
       },
       "width": 594,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -187,15 +187,15 @@
         }
       ],
       "label": "sql_table_constrained_overflow",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 402,
-      "labelHeight": 36,
+      "labelWidth": 345,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
index cab01d8ad..6bd5a12a7 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1392" height="327" viewBox="-102 -102 1392 327"><style type="text/css">
+width="1392" height="312" viewBox="-102 -102 1392 312"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,16 +39,16 @@ width="1392" height="327" viewBox="-102 -102 1392 327"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="123" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">short</text>
-<text class="text" x="272.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">loooooooooooooooooooong</text>
-<text class="text" x="514.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="82.000000" x2="534.000000" y2="82.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">loooooooooooooooooooong</text>
-<text class="text" x="272.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">short</text>
-<text class="text" x="514.000000" y="108.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="123.000000" x2="534.000000" y2="123.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="123" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="604.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">short</text>
-<text class="text" x="866.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">loooooooooooooooooooong</text>
-<text class="text" x="1168.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="82.000000" x2="1188.000000" y2="82.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">loooooooooooooooooooong</text>
-<text class="text" x="866.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">short</text>
-<text class="text" x="1168.000000" y="108.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="123.000000" x2="1188.000000" y2="123.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="3126474756" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="327">
-<rect x="-100" y="-100" width="1392" height="327" fill="white"></rect>
+]]></script><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="272.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="514.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="534.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="272.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="514.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="534.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="604.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="866.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1168.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="72.000000" x2="1188.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="866.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="1168.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="108.000000" x2="1188.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="3897867896" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="312">
+<rect x="-100" y="-100" width="1392" height="312" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json b/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
index 66d9b93a3..427528d8e 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
@@ -10,7 +10,7 @@
         "y": 12
       },
       "width": 534,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -87,15 +87,15 @@
         }
       ],
       "label": "sql_table_overflow",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 240,
-      "labelHeight": 36,
+      "labelWidth": 206,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -110,7 +110,7 @@
         "y": 12
       },
       "width": 594,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -187,15 +187,15 @@
         }
       ],
       "label": "sql_table_constrained_overflow",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 402,
-      "labelHeight": 36,
+      "labelWidth": 345,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
index 35d4d1fad..61347f98e 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1352" height="327" viewBox="-90 -90 1352 327"><style type="text/css">
+width="1352" height="312" viewBox="-90 -90 1352 312"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,16 +39,16 @@ width="1352" height="327" viewBox="-90 -90 1352 327"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="123" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="41.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">short</text>
-<text class="text" x="284.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">loooooooooooooooooooong</text>
-<text class="text" x="526.000000" y="79.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="94.000000" x2="546.000000" y2="94.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">loooooooooooooooooooong</text>
-<text class="text" x="284.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">short</text>
-<text class="text" x="526.000000" y="120.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="135.000000" x2="546.000000" y2="135.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="594" height="123" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="576.000000" y="41.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">short</text>
-<text class="text" x="838.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">loooooooooooooooooooong</text>
-<text class="text" x="1140.000000" y="79.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="94.000000" x2="1160.000000" y2="94.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="576.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">loooooooooooooooooooong</text>
-<text class="text" x="838.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">short</text>
-<text class="text" x="1140.000000" y="120.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="566.000000" y1="135.000000" x2="1160.000000" y2="135.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2291649878" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1352" height="327">
-<rect x="-100" y="-100" width="1352" height="327" fill="white"></rect>
+]]></script><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="284.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="526.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="546.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="284.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="526.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="546.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="576.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="838.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1140.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="84.000000" x2="1160.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="576.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="838.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="1140.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="566.000000" y1="120.000000" x2="1160.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2885684102" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1352" height="312">
+<rect x="-100" y="-100" width="1352" height="312" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json b/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json
index 3557df3b0..bf03a5563 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json
+++ b/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -85,7 +85,7 @@
         "y": 468
       },
       "width": 208,
-      "height": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 113,
-        "y": 784
+        "y": 754
       },
       "width": 196,
       "height": 70,
@@ -378,19 +378,19 @@
       "route": [
         {
           "x": 211,
-          "y": 684
+          "y": 654
         },
         {
           "x": 211,
-          "y": 724
+          "y": 694
         },
         {
           "x": 211,
-          "y": 744
+          "y": 714
         },
         {
           "x": 211,
-          "y": 784
+          "y": 754
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg b/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg
index 30662f915..e7dd3bdaf 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="626" height="1058" viewBox="-102 -102 626 1058"><style type="text/css">
+width="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,32 +39,32 @@ width="626" height="1058" viewBox="-102 -102 626 1058"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="167.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="213.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="259.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="305.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="351.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="528.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="218.000000" y="528.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="295.000000" y="528.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="540.000000" x2="315.000000" y2="540.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="564.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="218.000000" y="564.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="564.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="576.000000" x2="315.000000" y2="576.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="600.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="218.000000" y="600.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="600.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="612.000000" x2="315.000000" y2="612.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="636.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="218.000000" y="636.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="636.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="648.000000" x2="315.000000" y2="648.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="672.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="218.000000" y="672.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="295.000000" y="672.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="684.000000" x2="315.000000" y2="684.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 784.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="218.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="295.000000" y="519.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="530.000000" x2="315.000000" y2="530.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="218.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="550.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="561.000000" x2="315.000000" y2="561.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="218.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="581.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="592.000000" x2="315.000000" y2="592.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="218.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="612.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="623.000000" x2="315.000000" y2="623.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="218.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="295.000000" y="643.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="654.000000" x2="315.000000" y2="654.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 754.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 408.000000 211.000000 428.000000 211.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#810201694)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 686.000000 C 211.000000 724.000000 211.000000 744.000000 211.000000 780.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#810201694)"/></g><mask id="810201694" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1058">
-<rect x="-100" y="-100" width="626" height="1058" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 408.000000 211.000000 428.000000 211.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 656.000000 C 211.000000 694.000000 211.000000 714.000000 211.000000 750.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><mask id="314452596" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028">
+<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json b/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json
index 3f6816b30..a57edc3e9 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json
+++ b/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -85,7 +85,7 @@
         "y": 480
       },
       "width": 208,
-      "height": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 125,
-        "y": 796
+        "y": 766
       },
       "width": 196,
       "height": 70,
@@ -369,11 +369,11 @@
       "route": [
         {
           "x": 223,
-          "y": 696
+          "y": 666
         },
         {
           "x": 223,
-          "y": 796
+          "y": 766
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg b/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg
index b95ae30e2..3fa2cfa8d 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="626" height="1058" viewBox="-90 -90 626 1058"><style type="text/css">
+width="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,32 +39,32 @@ width="626" height="1058" viewBox="-90 -90 626 1058"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="414.000000" y="133.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="414.000000" y="179.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="225.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="271.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="317.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="363.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="540.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="230.000000" y="540.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="307.000000" y="540.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="552.000000" x2="327.000000" y2="552.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="576.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="230.000000" y="576.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="576.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="588.000000" x2="327.000000" y2="588.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="612.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="230.000000" y="612.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="612.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="624.000000" x2="327.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="648.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="230.000000" y="648.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="648.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="660.000000" x2="327.000000" y2="660.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="684.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="230.000000" y="684.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="307.000000" y="684.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="696.000000" x2="327.000000" y2="696.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 796.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="230.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="307.000000" y="531.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="542.000000" x2="327.000000" y2="542.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="230.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="562.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="573.000000" x2="327.000000" y2="573.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="230.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="593.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="604.000000" x2="327.000000" y2="604.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="230.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="624.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="635.000000" x2="327.000000" y2="635.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="230.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="307.000000" y="655.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="666.000000" x2="327.000000" y2="666.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 766.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3762456783)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 698.000000 L 223.000000 792.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3762456783)"/></g><mask id="3762456783" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1058">
-<rect x="-100" y="-100" width="626" height="1058" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 668.000000 L 223.000000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><mask id="3703733958" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028">
+<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/class/dagre/board.exp.json b/e2etests/testdata/stable/class/dagre/board.exp.json
index 273c578f6..760635ec3 100644
--- a/e2etests/testdata/stable/class/dagre/board.exp.json
+++ b/e2etests/testdata/stable/class/dagre/board.exp.json
@@ -62,15 +62,15 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 199,
-      "labelHeight": 36,
+      "labelWidth": 170,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/stable/class/dagre/sketch.exp.svg b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
index 4a1f1796b..611738861 100644
--- a/e2etests/testdata/stable/class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
@@ -39,19 +39,19 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="55.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="167.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="213.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="259.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="305.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="351.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><mask id="4143248601" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
+]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="4236109759" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
 <rect x="-100" y="-100" width="626" height="572" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/class/elk/board.exp.json b/e2etests/testdata/stable/class/elk/board.exp.json
index 2a15577f8..613fc70d2 100644
--- a/e2etests/testdata/stable/class/elk/board.exp.json
+++ b/e2etests/testdata/stable/class/elk/board.exp.json
@@ -62,15 +62,15 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 199,
-      "labelHeight": 36,
+      "labelWidth": 170,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/stable/class/elk/sketch.exp.svg b/e2etests/testdata/stable/class/elk/sketch.exp.svg
index 56c7cfc9d..44530b6ae 100644
--- a/e2etests/testdata/stable/class/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/elk/sketch.exp.svg
@@ -39,19 +39,19 @@ width="626" height="572" viewBox="-90 -90 626 572"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="67.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="22.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="414.000000" y="133.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="414.000000" y="179.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="225.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="271.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="317.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="363.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><mask id="1160261473" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
+]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="1324584135" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
 <rect x="-100" y="-100" width="626" height="572" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
index 8ef235e82..c4382dff5 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
@@ -123,15 +123,15 @@
       ],
       "columns": null,
       "label": "a class",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 114,
-      "labelHeight": 36,
+      "labelWidth": 99,
+      "labelHeight": 31,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
@@ -811,10 +811,10 @@
       "type": "sql_table",
       "pos": {
         "x": 4823,
-        "y": 135
+        "y": 150
       },
       "width": 161,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -891,15 +891,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 60,
-      "labelHeight": 36,
+      "labelWidth": 53,
+      "labelHeight": 31,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
index 361141681..ad9c5940e 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
@@ -39,17 +39,17 @@ width="5164" height="2986" viewBox="-78 -28 5164 2986"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><path d="M 24 167 V 213 H 99 V 258 L 129 213 H 174 V 167 H 24 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="195.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a label</text></g><g id="b"><g class="shape" ><ellipse class="shape" cx="356.000000" cy="183.000000" rx="75.000000" ry="75.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="356.000000" y="180.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="356.000000" dy="0.000000">b</tspan><tspan x="356.000000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect class="shape" x="481" y="74" width="302" height="184" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="481.000000" y="74.000000" width="302.000000" height="92.000000" fill="#EDF0FD" /><text class="text-mono" x="632.000000" y="129.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">a class</text><line x1="481.000000" y1="166.000000" x2="783.000000" y2="166.000000" style="stroke-width:1;stroke:#EDF0FD" /><text class="text-mono" x="491.000000" y="195.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="511.000000" y="195.000000" style="text-anchor:start;font-size:24px;fill:#EDF0FD">public() bool</text>
-<text class="text-mono" x="763.000000" y="195.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="241.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="511.000000" y="241.000000" style="text-anchor:start;font-size:24px;fill:#EDF0FD">private() int</text>
-<text class="text-mono" x="763.000000" y="241.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="d"><g class="shape" ><path d="M 853 203 C 853 204 852 205 851 205 C 838 206 828 217 828 231 C 828 246 839 258 853 258 H 950 C 965 258 978 245 978 230 C 978 215 967 203 952 202 C 951 202 950 201 950 200 C 947 185 932 174 914 174 C 903 174 892 179 886 186 C 885 187 884 187 883 187 C 881 186 878 186 875 186 C 863 186 854 193 853 203 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="902.425000" y="237.516000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1055.000000 188.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="a"><g class="shape" ><path d="M 24 167 V 213 H 99 V 258 L 129 213 H 174 V 167 H 24 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="195.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a label</text></g><g id="b"><g class="shape" ><ellipse class="shape" cx="356.000000" cy="183.000000" rx="75.000000" ry="75.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="356.000000" y="180.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="356.000000" dy="0.000000">b</tspan><tspan x="356.000000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect class="shape" x="481" y="74" width="302" height="184" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="481.000000" y="74.000000" width="302.000000" height="92.000000" fill="#EDF0FD" /><text class="text-mono" x="632.000000" y="127.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">a class</text><line x1="481.000000" y1="166.000000" x2="783.000000" y2="166.000000" style="stroke-width:1;stroke:#EDF0FD" /><text class="text-mono" x="491.000000" y="194.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="511.000000" y="194.000000" style="text-anchor:start;font-size:20px;fill:#EDF0FD">public() bool</text>
+<text class="text-mono" x="763.000000" y="194.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="511.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:#EDF0FD">private() int</text>
+<text class="text-mono" x="763.000000" y="240.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="d"><g class="shape" ><path d="M 853 203 C 853 204 852 205 851 205 C 838 206 828 217 828 231 C 828 246 839 258 853 258 H 950 C 965 258 978 245 978 230 C 978 215 967 203 952 202 C 951 202 950 201 950 200 C 947 185 932 174 914 174 C 903 174 892 179 886 186 C 885 187 884 187 883 187 C 881 186 878 186 875 186 C 863 186 854 193 853 203 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="902.425000" y="237.516000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1055.000000 188.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1328 164 C 1328 140 1396 140 1403 140 C 1411 140 1478 140 1478 164 V 234 C 1478 258 1411 258 1403 258 C 1396 258 1328 258 1328 234 V 164 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1328 164 C 1328 188 1396 188 1403 188 C 1411 188 1478 188 1478 164" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1403.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1653 258 C 1652 258 1652 258 1652 258 L 1579 213 C 1578 213 1578 212 1579 211 L 1652 166 C 1653 166 1654 166 1655 166 L 1728 211 C 1729 211 1729 212 1728 213 L 1654 258 C 1654 258 1654 258 1653 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1653.000000" y="217.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1828 247 L 1828 182 L 1978 182 L 1978 247 C 1953 233 1928 233 1903 247 C 1878 262 1853 262 1828 247 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1903.000000" y="215.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2116 189 L 2078 223 L 2116 258 L 2191 258 L 2228 223 L 2191 189 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2153.000000" y="229.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2328" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2403.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2653.000000" cy="223.000000" rx="75.000000" ry="35.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2653.000000" y="228.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2828 185 L 2903 185 L 2903 200 L 2978 200 L 2978 258 L 2828 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2903.000000" y="234.300000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3079 171 H 3207 C 3208 171 3209 171 3210 172 L 3227 188 C 3228 189 3228 190 3228 191 V 258 C 3228 258 3228 258 3228 258 H 3079 C 3078 258 3078 258 3078 258 V 172 C 3078 171 3078 171 3079 171 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3227 258 H 3079 C 3078 258 3078 258 3078 257 V 172 C 3078 171 3078 171 3079 171 H 3206 C 3207 171 3207 171 3207 172 V 189 C 3207 190 3208 191 3209 191 H 3227 C 3228 191 3228 191 3228 192 V 257 C 3227 258 3228 258 3227 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3153.000000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3345 176 L 3488 176 L 3462 258 L 3319 258 L 3319 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3403.500000" y="214.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3403.500000" dy="0.000000">too</tspan><tspan x="3403.500000" dy="18.500000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3728 221 H 3578 V 220 C 3578 203 3594 188 3620 180 C 3606 174 3598 164 3598 154 C 3598 136 3622 121 3653 121 C 3684 121 3708 136 3708 154 C 3708 165 3700 174 3685 180 C 3711 187 3727 203 3727 220 V 221 H 3728 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3653.000000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3653.000000" dy="0.000000">single</tspan><tspan x="3653.000000" dy="18.500000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3852 192 H 3955 C 3979 192 3979 222 3979 225 C 3979 228 3979 258 3955 258 H 3852 C 3828 258 3828 228 3828 225 C 3828 222 3828 192 3852 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3955 192 C 3931 192 3931 222 3931 225 C 3931 228 3931 258 3955 258" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3891.500000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4078" y="108" width="150" height="150" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="4153.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4310 157 L 4462 157 L 4497 208 L 4462 258 L 4310 258 L 4345 208 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4403.500000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4593 192 H 4728 C 4724 192 4713 210 4713 225 C 4713 240 4724 258 4728 258 H 4593 C 4589 258 4578 240 4578 225 C 4578 210 4589 192 4593 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4653.000000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4823" y="135" width="161" height="123" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="135.000000" width="161.000000" height="41.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="164.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="4900.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="4964.000000" y="202.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="217.000000" x2="4984.000000" y2="217.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="4900.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">varchar</text>
-<text class="text" x="4964.000000" y="243.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="258.000000" x2="4984.000000" y2="258.000000" style="stroke-width:2;stroke:#EDF0FD" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(c -- )[0]"><path d="M 632.000000 260.000000 L 632.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(d -- )[0]"><path d="M 903.000000 260.000000 L 903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(e -- )[0]"><path d="M 1153.000000 260.000000 L 1153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(f -- )[0]"><path d="M 1403.000000 260.000000 L 1403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(g -- )[0]"><path d="M 1653.000000 260.000000 L 1653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(h -- )[0]"><path d="M 1903.000000 260.000000 L 1903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(i -- )[0]"><path d="M 2153.000000 260.000000 L 2153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(j -- )[0]"><path d="M 2403.000000 265.000000 L 2403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(k -- )[0]"><path d="M 2653.000000 260.000000 L 2653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(l -- )[0]"><path d="M 2903.000000 260.000000 L 2903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(m -- )[0]"><path d="M 3153.000000 260.000000 L 3153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(n -- )[0]"><path d="M 3403.500000 260.000000 L 3403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(o -- )[0]"><path d="M 3653.000000 265.000000 L 3653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(p -- )[0]"><path d="M 3903.500000 260.000000 L 3903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(q -- )[0]"><path d="M 4153.000000 260.000000 L 4153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(r -- )[0]"><path d="M 4403.500000 260.000000 L 4403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(s -- )[0]"><path d="M 4653.000000 260.000000 L 4653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(t -- )[0]"><path d="M 4903.500000 260.000000 L 4903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(a -&gt; b)[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 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 628.000000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/><text class="text-italic" x="494.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="616.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 634.000000 648.000000 L 899.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(d -&gt; e)[0]"><path d="M 905.000000 778.000000 L 1149.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(e -&gt; f)[0]"><path d="M 1155.000000 908.000000 L 1399.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(f -&gt; g)[0]"><path d="M 1405.000000 1038.000000 L 1649.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(g -&gt; h)[0]"><path d="M 1655.000000 1168.000000 L 1899.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(h -&gt; i)[0]"><path d="M 1905.000000 1298.000000 L 2149.000000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(i -&gt; j)[0]"><path d="M 2155.000000 1428.000000 L 2399.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(j -&gt; k)[0]"><path d="M 2405.000000 1558.000000 L 2649.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(k -&gt; l)[0]"><path d="M 2655.000000 1688.000000 L 2899.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(l -&gt; m)[0]"><path d="M 2905.000000 1818.000000 L 3149.000000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(m -&gt; n)[0]"><path d="M 3155.000000 1948.000000 L 3399.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(n -&gt; o)[0]"><path d="M 3405.500000 2078.000000 L 3649.000000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(o -&gt; p)[0]"><path d="M 3655.000000 2208.000000 L 3899.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(p -&gt; q)[0]"><path d="M 3905.500000 2338.000000 L 4149.000000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(q -&gt; r)[0]"><path d="M 4155.000000 2468.000000 L 4399.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(r -&gt; s)[0]"><path d="M 4405.500000 2598.000000 L 4649.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(s -&gt; t)[0]"><path d="M 4655.000000 2728.000000 L 4899.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><mask id="2006539389" maskUnits="userSpaceOnUse" x="-100" y="-100" width="5164" height="2986">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1328 164 C 1328 140 1396 140 1403 140 C 1411 140 1478 140 1478 164 V 234 C 1478 258 1411 258 1403 258 C 1396 258 1328 258 1328 234 V 164 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1328 164 C 1328 188 1396 188 1403 188 C 1411 188 1478 188 1478 164" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1403.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1653 258 C 1652 258 1652 258 1652 258 L 1579 213 C 1578 213 1578 212 1579 211 L 1652 166 C 1653 166 1654 166 1655 166 L 1728 211 C 1729 211 1729 212 1728 213 L 1654 258 C 1654 258 1654 258 1653 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1653.000000" y="217.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1828 247 L 1828 182 L 1978 182 L 1978 247 C 1953 233 1928 233 1903 247 C 1878 262 1853 262 1828 247 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1903.000000" y="215.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2116 189 L 2078 223 L 2116 258 L 2191 258 L 2228 223 L 2191 189 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2153.000000" y="229.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2328" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2403.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2653.000000" cy="223.000000" rx="75.000000" ry="35.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2653.000000" y="228.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2828 185 L 2903 185 L 2903 200 L 2978 200 L 2978 258 L 2828 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2903.000000" y="234.300000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3079 171 H 3207 C 3208 171 3209 171 3210 172 L 3227 188 C 3228 189 3228 190 3228 191 V 258 C 3228 258 3228 258 3228 258 H 3079 C 3078 258 3078 258 3078 258 V 172 C 3078 171 3078 171 3079 171 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3227 258 H 3079 C 3078 258 3078 258 3078 257 V 172 C 3078 171 3078 171 3079 171 H 3206 C 3207 171 3207 171 3207 172 V 189 C 3207 190 3208 191 3209 191 H 3227 C 3228 191 3228 191 3228 192 V 257 C 3227 258 3228 258 3227 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3153.000000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3345 176 L 3488 176 L 3462 258 L 3319 258 L 3319 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3403.500000" y="214.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3403.500000" dy="0.000000">too</tspan><tspan x="3403.500000" dy="18.500000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3728 221 H 3578 V 220 C 3578 203 3594 188 3620 180 C 3606 174 3598 164 3598 154 C 3598 136 3622 121 3653 121 C 3684 121 3708 136 3708 154 C 3708 165 3700 174 3685 180 C 3711 187 3727 203 3727 220 V 221 H 3728 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3653.000000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3653.000000" dy="0.000000">single</tspan><tspan x="3653.000000" dy="18.500000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3852 192 H 3955 C 3979 192 3979 222 3979 225 C 3979 228 3979 258 3955 258 H 3852 C 3828 258 3828 228 3828 225 C 3828 222 3828 192 3852 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3955 192 C 3931 192 3931 222 3931 225 C 3931 228 3931 258 3955 258" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3891.500000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4078" y="108" width="150" height="150" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="4153.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4310 157 L 4462 157 L 4497 208 L 4462 258 L 4310 258 L 4345 208 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4403.500000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4593 192 H 4728 C 4724 192 4713 210 4713 225 C 4713 240 4724 258 4728 258 H 4593 C 4589 258 4578 240 4578 225 C 4578 210 4589 192 4593 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4653.000000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4823" y="150" width="161" height="108" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="150.000000" width="161.000000" height="36.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="175.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="222.000000" x2="4984.000000" y2="222.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="258.000000" x2="4984.000000" y2="258.000000" style="stroke-width:2;stroke:#EDF0FD" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(c -- )[0]"><path d="M 632.000000 260.000000 L 632.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(d -- )[0]"><path d="M 903.000000 260.000000 L 903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(e -- )[0]"><path d="M 1153.000000 260.000000 L 1153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(f -- )[0]"><path d="M 1403.000000 260.000000 L 1403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(g -- )[0]"><path d="M 1653.000000 260.000000 L 1653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(h -- )[0]"><path d="M 1903.000000 260.000000 L 1903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(i -- )[0]"><path d="M 2153.000000 260.000000 L 2153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(j -- )[0]"><path d="M 2403.000000 265.000000 L 2403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(k -- )[0]"><path d="M 2653.000000 260.000000 L 2653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(l -- )[0]"><path d="M 2903.000000 260.000000 L 2903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(m -- )[0]"><path d="M 3153.000000 260.000000 L 3153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(n -- )[0]"><path d="M 3403.500000 260.000000 L 3403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(o -- )[0]"><path d="M 3653.000000 265.000000 L 3653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(p -- )[0]"><path d="M 3903.500000 260.000000 L 3903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(q -- )[0]"><path d="M 4153.000000 260.000000 L 4153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(r -- )[0]"><path d="M 4403.500000 260.000000 L 4403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(s -- )[0]"><path d="M 4653.000000 260.000000 L 4653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(t -- )[0]"><path d="M 4903.500000 260.000000 L 4903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(a -&gt; b)[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 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 628.000000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/><text class="text-italic" x="494.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="616.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 634.000000 648.000000 L 899.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(d -&gt; e)[0]"><path d="M 905.000000 778.000000 L 1149.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(e -&gt; f)[0]"><path d="M 1155.000000 908.000000 L 1399.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(f -&gt; g)[0]"><path d="M 1405.000000 1038.000000 L 1649.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(g -&gt; h)[0]"><path d="M 1655.000000 1168.000000 L 1899.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(h -&gt; i)[0]"><path d="M 1905.000000 1298.000000 L 2149.000000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(i -&gt; j)[0]"><path d="M 2155.000000 1428.000000 L 2399.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(j -&gt; k)[0]"><path d="M 2405.000000 1558.000000 L 2649.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(k -&gt; l)[0]"><path d="M 2655.000000 1688.000000 L 2899.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(l -&gt; m)[0]"><path d="M 2905.000000 1818.000000 L 3149.000000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(m -&gt; n)[0]"><path d="M 3155.000000 1948.000000 L 3399.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(n -&gt; o)[0]"><path d="M 3405.500000 2078.000000 L 3649.000000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(o -&gt; p)[0]"><path d="M 3655.000000 2208.000000 L 3899.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(p -&gt; q)[0]"><path d="M 3905.500000 2338.000000 L 4149.000000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(q -&gt; r)[0]"><path d="M 4155.000000 2468.000000 L 4399.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(r -&gt; s)[0]"><path d="M 4405.500000 2598.000000 L 4649.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(s -&gt; t)[0]"><path d="M 4655.000000 2728.000000 L 4899.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><mask id="2809784113" maskUnits="userSpaceOnUse" x="-100" y="-100" width="5164" height="2986">
 <rect x="-100" y="-100" width="5164" height="2986" fill="white"></rect>
 <rect x="124.000000" y="378.000000" width="207" height="21" fill="black"></rect>
 <rect x="481.000000" y="508.000000" width="26" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
index 8ef235e82..c4382dff5 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
@@ -123,15 +123,15 @@
       ],
       "columns": null,
       "label": "a class",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 114,
-      "labelHeight": 36,
+      "labelWidth": 99,
+      "labelHeight": 31,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
@@ -811,10 +811,10 @@
       "type": "sql_table",
       "pos": {
         "x": 4823,
-        "y": 135
+        "y": 150
       },
       "width": 161,
-      "height": 123,
+      "height": 108,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -891,15 +891,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 60,
-      "labelHeight": 36,
+      "labelWidth": 53,
+      "labelHeight": 31,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
index 361141681..ad9c5940e 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
@@ -39,17 +39,17 @@ width="5164" height="2986" viewBox="-78 -28 5164 2986"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><path d="M 24 167 V 213 H 99 V 258 L 129 213 H 174 V 167 H 24 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="195.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a label</text></g><g id="b"><g class="shape" ><ellipse class="shape" cx="356.000000" cy="183.000000" rx="75.000000" ry="75.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="356.000000" y="180.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="356.000000" dy="0.000000">b</tspan><tspan x="356.000000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect class="shape" x="481" y="74" width="302" height="184" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="481.000000" y="74.000000" width="302.000000" height="92.000000" fill="#EDF0FD" /><text class="text-mono" x="632.000000" y="129.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">a class</text><line x1="481.000000" y1="166.000000" x2="783.000000" y2="166.000000" style="stroke-width:1;stroke:#EDF0FD" /><text class="text-mono" x="491.000000" y="195.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="511.000000" y="195.000000" style="text-anchor:start;font-size:24px;fill:#EDF0FD">public() bool</text>
-<text class="text-mono" x="763.000000" y="195.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="241.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="511.000000" y="241.000000" style="text-anchor:start;font-size:24px;fill:#EDF0FD">private() int</text>
-<text class="text-mono" x="763.000000" y="241.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="d"><g class="shape" ><path d="M 853 203 C 853 204 852 205 851 205 C 838 206 828 217 828 231 C 828 246 839 258 853 258 H 950 C 965 258 978 245 978 230 C 978 215 967 203 952 202 C 951 202 950 201 950 200 C 947 185 932 174 914 174 C 903 174 892 179 886 186 C 885 187 884 187 883 187 C 881 186 878 186 875 186 C 863 186 854 193 853 203 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="902.425000" y="237.516000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1055.000000 188.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="a"><g class="shape" ><path d="M 24 167 V 213 H 99 V 258 L 129 213 H 174 V 167 H 24 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="99.000000" y="195.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a label</text></g><g id="b"><g class="shape" ><ellipse class="shape" cx="356.000000" cy="183.000000" rx="75.000000" ry="75.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="356.000000" y="180.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="356.000000" dy="0.000000">b</tspan><tspan x="356.000000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect class="shape" x="481" y="74" width="302" height="184" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="481.000000" y="74.000000" width="302.000000" height="92.000000" fill="#EDF0FD" /><text class="text-mono" x="632.000000" y="127.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">a class</text><line x1="481.000000" y1="166.000000" x2="783.000000" y2="166.000000" style="stroke-width:1;stroke:#EDF0FD" /><text class="text-mono" x="491.000000" y="194.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="511.000000" y="194.000000" style="text-anchor:start;font-size:20px;fill:#EDF0FD">public() bool</text>
+<text class="text-mono" x="763.000000" y="194.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="511.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:#EDF0FD">private() int</text>
+<text class="text-mono" x="763.000000" y="240.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="d"><g class="shape" ><path d="M 853 203 C 853 204 852 205 851 205 C 838 206 828 217 828 231 C 828 246 839 258 853 258 H 950 C 965 258 978 245 978 230 C 978 215 967 203 952 202 C 951 202 950 201 950 200 C 947 185 932 174 914 174 C 903 174 892 179 886 186 C 885 187 884 187 883 187 C 881 186 878 186 875 186 C 863 186 854 193 853 203 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="902.425000" y="237.516000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1055.000000 188.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1328 164 C 1328 140 1396 140 1403 140 C 1411 140 1478 140 1478 164 V 234 C 1478 258 1411 258 1403 258 C 1396 258 1328 258 1328 234 V 164 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1328 164 C 1328 188 1396 188 1403 188 C 1411 188 1478 188 1478 164" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1403.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1653 258 C 1652 258 1652 258 1652 258 L 1579 213 C 1578 213 1578 212 1579 211 L 1652 166 C 1653 166 1654 166 1655 166 L 1728 211 C 1729 211 1729 212 1728 213 L 1654 258 C 1654 258 1654 258 1653 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1653.000000" y="217.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1828 247 L 1828 182 L 1978 182 L 1978 247 C 1953 233 1928 233 1903 247 C 1878 262 1853 262 1828 247 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1903.000000" y="215.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2116 189 L 2078 223 L 2116 258 L 2191 258 L 2228 223 L 2191 189 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2153.000000" y="229.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2328" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2403.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2653.000000" cy="223.000000" rx="75.000000" ry="35.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2653.000000" y="228.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2828 185 L 2903 185 L 2903 200 L 2978 200 L 2978 258 L 2828 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2903.000000" y="234.300000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3079 171 H 3207 C 3208 171 3209 171 3210 172 L 3227 188 C 3228 189 3228 190 3228 191 V 258 C 3228 258 3228 258 3228 258 H 3079 C 3078 258 3078 258 3078 258 V 172 C 3078 171 3078 171 3079 171 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3227 258 H 3079 C 3078 258 3078 258 3078 257 V 172 C 3078 171 3078 171 3079 171 H 3206 C 3207 171 3207 171 3207 172 V 189 C 3207 190 3208 191 3209 191 H 3227 C 3228 191 3228 191 3228 192 V 257 C 3227 258 3228 258 3227 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3153.000000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3345 176 L 3488 176 L 3462 258 L 3319 258 L 3319 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3403.500000" y="214.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3403.500000" dy="0.000000">too</tspan><tspan x="3403.500000" dy="18.500000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3728 221 H 3578 V 220 C 3578 203 3594 188 3620 180 C 3606 174 3598 164 3598 154 C 3598 136 3622 121 3653 121 C 3684 121 3708 136 3708 154 C 3708 165 3700 174 3685 180 C 3711 187 3727 203 3727 220 V 221 H 3728 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3653.000000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3653.000000" dy="0.000000">single</tspan><tspan x="3653.000000" dy="18.500000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3852 192 H 3955 C 3979 192 3979 222 3979 225 C 3979 228 3979 258 3955 258 H 3852 C 3828 258 3828 228 3828 225 C 3828 222 3828 192 3852 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3955 192 C 3931 192 3931 222 3931 225 C 3931 228 3931 258 3955 258" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3891.500000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4078" y="108" width="150" height="150" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="4153.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4310 157 L 4462 157 L 4497 208 L 4462 258 L 4310 258 L 4345 208 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4403.500000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4593 192 H 4728 C 4724 192 4713 210 4713 225 C 4713 240 4724 258 4728 258 H 4593 C 4589 258 4578 240 4578 225 C 4578 210 4589 192 4593 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4653.000000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4823" y="135" width="161" height="123" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="135.000000" width="161.000000" height="41.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="164.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="4900.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="4964.000000" y="202.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="217.000000" x2="4984.000000" y2="217.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="4900.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">varchar</text>
-<text class="text" x="4964.000000" y="243.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="258.000000" x2="4984.000000" y2="258.000000" style="stroke-width:2;stroke:#EDF0FD" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(c -- )[0]"><path d="M 632.000000 260.000000 L 632.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(d -- )[0]"><path d="M 903.000000 260.000000 L 903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(e -- )[0]"><path d="M 1153.000000 260.000000 L 1153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(f -- )[0]"><path d="M 1403.000000 260.000000 L 1403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(g -- )[0]"><path d="M 1653.000000 260.000000 L 1653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(h -- )[0]"><path d="M 1903.000000 260.000000 L 1903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(i -- )[0]"><path d="M 2153.000000 260.000000 L 2153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(j -- )[0]"><path d="M 2403.000000 265.000000 L 2403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(k -- )[0]"><path d="M 2653.000000 260.000000 L 2653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(l -- )[0]"><path d="M 2903.000000 260.000000 L 2903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(m -- )[0]"><path d="M 3153.000000 260.000000 L 3153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(n -- )[0]"><path d="M 3403.500000 260.000000 L 3403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(o -- )[0]"><path d="M 3653.000000 265.000000 L 3653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(p -- )[0]"><path d="M 3903.500000 260.000000 L 3903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(q -- )[0]"><path d="M 4153.000000 260.000000 L 4153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(r -- )[0]"><path d="M 4403.500000 260.000000 L 4403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(s -- )[0]"><path d="M 4653.000000 260.000000 L 4653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(t -- )[0]"><path d="M 4903.500000 260.000000 L 4903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2006539389)"/></g><g id="(a -&gt; b)[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 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 628.000000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/><text class="text-italic" x="494.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="616.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 634.000000 648.000000 L 899.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(d -&gt; e)[0]"><path d="M 905.000000 778.000000 L 1149.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(e -&gt; f)[0]"><path d="M 1155.000000 908.000000 L 1399.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(f -&gt; g)[0]"><path d="M 1405.000000 1038.000000 L 1649.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(g -&gt; h)[0]"><path d="M 1655.000000 1168.000000 L 1899.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(h -&gt; i)[0]"><path d="M 1905.000000 1298.000000 L 2149.000000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(i -&gt; j)[0]"><path d="M 2155.000000 1428.000000 L 2399.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(j -&gt; k)[0]"><path d="M 2405.000000 1558.000000 L 2649.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(k -&gt; l)[0]"><path d="M 2655.000000 1688.000000 L 2899.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(l -&gt; m)[0]"><path d="M 2905.000000 1818.000000 L 3149.000000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(m -&gt; n)[0]"><path d="M 3155.000000 1948.000000 L 3399.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(n -&gt; o)[0]"><path d="M 3405.500000 2078.000000 L 3649.000000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(o -&gt; p)[0]"><path d="M 3655.000000 2208.000000 L 3899.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(p -&gt; q)[0]"><path d="M 3905.500000 2338.000000 L 4149.000000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(q -&gt; r)[0]"><path d="M 4155.000000 2468.000000 L 4399.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(r -&gt; s)[0]"><path d="M 4405.500000 2598.000000 L 4649.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><g id="(s -&gt; t)[0]"><path d="M 4655.000000 2728.000000 L 4899.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2006539389)"/></g><mask id="2006539389" maskUnits="userSpaceOnUse" x="-100" y="-100" width="5164" height="2986">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1328 164 C 1328 140 1396 140 1403 140 C 1411 140 1478 140 1478 164 V 234 C 1478 258 1411 258 1403 258 C 1396 258 1328 258 1328 234 V 164 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1328 164 C 1328 188 1396 188 1403 188 C 1411 188 1478 188 1478 164" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1403.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1653 258 C 1652 258 1652 258 1652 258 L 1579 213 C 1578 213 1578 212 1579 211 L 1652 166 C 1653 166 1654 166 1655 166 L 1728 211 C 1729 211 1729 212 1728 213 L 1654 258 C 1654 258 1654 258 1653 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1653.000000" y="217.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1828 247 L 1828 182 L 1978 182 L 1978 247 C 1953 233 1928 233 1903 247 C 1878 262 1853 262 1828 247 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1903.000000" y="215.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2116 189 L 2078 223 L 2116 258 L 2191 258 L 2228 223 L 2191 189 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2153.000000" y="229.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2328" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2403.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2653.000000" cy="223.000000" rx="75.000000" ry="35.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="2653.000000" y="228.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2828 185 L 2903 185 L 2903 200 L 2978 200 L 2978 258 L 2828 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="2903.000000" y="234.300000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3079 171 H 3207 C 3208 171 3209 171 3210 172 L 3227 188 C 3228 189 3228 190 3228 191 V 258 C 3228 258 3228 258 3228 258 H 3079 C 3078 258 3078 258 3078 258 V 172 C 3078 171 3078 171 3079 171 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3227 258 H 3079 C 3078 258 3078 258 3078 257 V 172 C 3078 171 3078 171 3079 171 H 3206 C 3207 171 3207 171 3207 172 V 189 C 3207 190 3208 191 3209 191 H 3227 C 3228 191 3228 191 3228 192 V 257 C 3227 258 3228 258 3227 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3153.000000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3345 176 L 3488 176 L 3462 258 L 3319 258 L 3319 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3403.500000" y="214.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3403.500000" dy="0.000000">too</tspan><tspan x="3403.500000" dy="18.500000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3728 221 H 3578 V 220 C 3578 203 3594 188 3620 180 C 3606 174 3598 164 3598 154 C 3598 136 3622 121 3653 121 C 3684 121 3708 136 3708 154 C 3708 165 3700 174 3685 180 C 3711 187 3727 203 3727 220 V 221 H 3728 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3653.000000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3653.000000" dy="0.000000">single</tspan><tspan x="3653.000000" dy="18.500000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3852 192 H 3955 C 3979 192 3979 222 3979 225 C 3979 228 3979 258 3955 258 H 3852 C 3828 258 3828 228 3828 225 C 3828 222 3828 192 3852 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 3955 192 C 3931 192 3931 222 3931 225 C 3931 228 3931 258 3955 258" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="3891.500000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4078" y="108" width="150" height="150" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="4153.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4310 157 L 4462 157 L 4497 208 L 4462 258 L 4310 258 L 4345 208 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4403.500000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4593 192 H 4728 C 4724 192 4713 210 4713 225 C 4713 240 4724 258 4728 258 H 4593 C 4589 258 4578 240 4578 225 C 4578 210 4589 192 4593 192 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="4653.000000" y="230.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4823" y="150" width="161" height="108" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="150.000000" width="161.000000" height="36.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="175.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="222.000000" x2="4984.000000" y2="222.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="258.000000" x2="4984.000000" y2="258.000000" style="stroke-width:2;stroke:#EDF0FD" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(c -- )[0]"><path d="M 632.000000 260.000000 L 632.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(d -- )[0]"><path d="M 903.000000 260.000000 L 903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(e -- )[0]"><path d="M 1153.000000 260.000000 L 1153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(f -- )[0]"><path d="M 1403.000000 260.000000 L 1403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(g -- )[0]"><path d="M 1653.000000 260.000000 L 1653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(h -- )[0]"><path d="M 1903.000000 260.000000 L 1903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(i -- )[0]"><path d="M 2153.000000 260.000000 L 2153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(j -- )[0]"><path d="M 2403.000000 265.000000 L 2403.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(k -- )[0]"><path d="M 2653.000000 260.000000 L 2653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(l -- )[0]"><path d="M 2903.000000 260.000000 L 2903.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(m -- )[0]"><path d="M 3153.000000 260.000000 L 3153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(n -- )[0]"><path d="M 3403.500000 260.000000 L 3403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(o -- )[0]"><path d="M 3653.000000 265.000000 L 3653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(p -- )[0]"><path d="M 3903.500000 260.000000 L 3903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(q -- )[0]"><path d="M 4153.000000 260.000000 L 4153.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(r -- )[0]"><path d="M 4403.500000 260.000000 L 4403.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(s -- )[0]"><path d="M 4653.000000 260.000000 L 4653.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(t -- )[0]"><path d="M 4903.500000 260.000000 L 4903.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2809784113)"/></g><g id="(a -&gt; b)[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 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 628.000000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/><text class="text-italic" x="494.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="616.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 634.000000 648.000000 L 899.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(d -&gt; e)[0]"><path d="M 905.000000 778.000000 L 1149.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(e -&gt; f)[0]"><path d="M 1155.000000 908.000000 L 1399.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(f -&gt; g)[0]"><path d="M 1405.000000 1038.000000 L 1649.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(g -&gt; h)[0]"><path d="M 1655.000000 1168.000000 L 1899.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(h -&gt; i)[0]"><path d="M 1905.000000 1298.000000 L 2149.000000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(i -&gt; j)[0]"><path d="M 2155.000000 1428.000000 L 2399.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(j -&gt; k)[0]"><path d="M 2405.000000 1558.000000 L 2649.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(k -&gt; l)[0]"><path d="M 2655.000000 1688.000000 L 2899.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(l -&gt; m)[0]"><path d="M 2905.000000 1818.000000 L 3149.000000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(m -&gt; n)[0]"><path d="M 3155.000000 1948.000000 L 3399.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(n -&gt; o)[0]"><path d="M 3405.500000 2078.000000 L 3649.000000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(o -&gt; p)[0]"><path d="M 3655.000000 2208.000000 L 3899.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(p -&gt; q)[0]"><path d="M 3905.500000 2338.000000 L 4149.000000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(q -&gt; r)[0]"><path d="M 4155.000000 2468.000000 L 4399.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(r -&gt; s)[0]"><path d="M 4405.500000 2598.000000 L 4649.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><g id="(s -&gt; t)[0]"><path d="M 4655.000000 2728.000000 L 4899.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2809784113)"/></g><mask id="2809784113" maskUnits="userSpaceOnUse" x="-100" y="-100" width="5164" height="2986">
 <rect x="-100" y="-100" width="5164" height="2986" fill="white"></rect>
 <rect x="124.000000" y="378.000000" width="207" height="21" fill="black"></rect>
 <rect x="481.000000" y="508.000000" width="26" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/board.exp.json b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/board.exp.json
index c50ab2f92..025676721 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "y": 0
       },
       "width": 60,
-      "height": 82,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -59,15 +59,15 @@
         }
       ],
       "label": "x",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 14,
-      "labelHeight": 36,
+      "labelWidth": 12,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -79,10 +79,10 @@
       "type": "sql_table",
       "pos": {
         "x": 0,
-        "y": 182
+        "y": 172
       },
       "width": 60,
-      "height": 82,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,15 +131,15 @@
         }
       ],
       "label": "a",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
+      "labelWidth": 11,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -175,19 +175,19 @@
       "route": [
         {
           "x": 30,
-          "y": 82
+          "y": 72
         },
         {
           "x": 30,
-          "y": 122
+          "y": 112
         },
         {
           "x": 30,
-          "y": 142
+          "y": 132
         },
         {
           "x": 30,
-          "y": 182
+          "y": 172
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
index d4f8b44ad..f74082d41 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="280" height="484" viewBox="-102 -118 280 484"><style type="text/css">
+width="280" height="464" viewBox="-102 -118 280 464"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,9 +39,9 @@ width="280" height="484" viewBox="-102 -118 280 484"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="x"><g class="shape" ><rect class="shape" x="0" y="0" width="60" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="60.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">y</text>
-<text class="text" x="40.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="40.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="82.000000" x2="60.000000" y2="82.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(44 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+]]></script><g id="x"><g class="shape" ><rect class="shape" x="0" y="0" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
+<text class="text" x="40.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="60.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(44 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3427_35082111)">
 <path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
 <path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -54,10 +54,10 @@ width="280" height="484" viewBox="-102 -118 280 484"><style type="text/css">
 </clipPath>
 </defs>
 </svg>
-</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="0" y="182" width="60" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="182.000000" width="60.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="211.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="249.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">b</text>
-<text class="text" x="40.000000" y="249.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="40.000000" y="249.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="264.000000" x2="60.000000" y2="264.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 30.000000 84.000000 C 30.000000 122.000000 30.000000 142.000000 30.000000 178.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#1750868492)"/></g><mask id="1750868492" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="484">
-<rect x="-100" y="-100" width="280" height="484" fill="white"></rect>
+</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="0" y="172" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="172.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="197.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="231.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
+<text class="text" x="40.000000" y="231.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="231.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="244.000000" x2="60.000000" y2="244.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#2766896861)"/></g><mask id="2766896861" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="464">
+<rect x="-100" y="-100" width="280" height="464" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/board.exp.json b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/board.exp.json
index 5ff125700..b5362b14f 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/board.exp.json
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/board.exp.json
@@ -10,7 +10,7 @@
         "y": 12
       },
       "width": 60,
-      "height": 82,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -59,15 +59,15 @@
         }
       ],
       "label": "x",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 14,
-      "labelHeight": 36,
+      "labelWidth": 12,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -79,10 +79,10 @@
       "type": "sql_table",
       "pos": {
         "x": 12,
-        "y": 194
+        "y": 184
       },
       "width": 60,
-      "height": 82,
+      "height": 72,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,15 +131,15 @@
         }
       ],
       "label": "a",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
+      "labelWidth": 11,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -175,11 +175,11 @@
       "route": [
         {
           "x": 42,
-          "y": 94
+          "y": 84
         },
         {
           "x": 42,
-          "y": 194
+          "y": 184
         }
       ],
       "animated": true,
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
index b5ce29ee7..955ea9420 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="280" height="484" viewBox="-90 -106 280 484"><style type="text/css">
+width="280" height="464" viewBox="-90 -106 280 464"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,9 +39,9 @@ width="280" height="484" viewBox="-90 -106 280 484"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="x"><g class="shape" ><rect class="shape" x="12" y="12" width="60" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="60.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="41.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">y</text>
-<text class="text" x="52.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="52.000000" y="79.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="94.000000" x2="72.000000" y2="94.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(56 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+]]></script><g id="x"><g class="shape" ><rect class="shape" x="12" y="12" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
+<text class="text" x="52.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="72.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(56 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3427_35082111)">
 <path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
 <path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -54,10 +54,10 @@ width="280" height="484" viewBox="-90 -106 280 484"><style type="text/css">
 </clipPath>
 </defs>
 </svg>
-</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="12" y="194" width="60" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="194.000000" width="60.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="223.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="261.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">b</text>
-<text class="text" x="52.000000" y="261.500000" style="text-anchor:start;font-size:24px;fill:#676C7E"></text>
-<text class="text" x="52.000000" y="261.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="276.000000" x2="72.000000" y2="276.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 42.000000 96.000000 L 42.000000 190.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#2054079951)"/></g><mask id="2054079951" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="484">
-<rect x="-100" y="-100" width="280" height="484" fill="white"></rect>
+</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="12" y="184" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="184.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="209.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="243.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
+<text class="text" x="52.000000" y="243.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="243.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="256.000000" x2="72.000000" y2="256.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 42.000000 86.000000 L 42.000000 180.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#3528968)"/></g><mask id="3528968" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="464">
+<rect x="-100" y="-100" width="280" height="464" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
index 8d58472c0..764a21b77 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "y": 0
       },
       "width": 268,
-      "height": 246,
+      "height": 216,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -171,15 +171,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 65,
-      "labelHeight": 36,
+      "labelWidth": 56,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -191,10 +191,10 @@
       "type": "sql_table",
       "pos": {
         "x": 328,
-        "y": 21
+        "y": 18
       },
       "width": 164,
-      "height": 205,
+      "height": 180,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -327,15 +327,15 @@
         }
       ],
       "label": "products",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 110,
-      "labelHeight": 36,
+      "labelWidth": 94,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -347,10 +347,10 @@
       "type": "sql_table",
       "pos": {
         "x": 328,
-        "y": 346
+        "y": 316
       },
       "width": 164,
-      "height": 164,
+      "height": 144,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -455,15 +455,15 @@
         }
       ],
       "label": "orders",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 80,
-      "labelHeight": 36,
+      "labelWidth": 69,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -475,10 +475,10 @@
       "type": "sql_table",
       "pos": {
         "x": 552,
-        "y": 21
+        "y": 18
       },
       "width": 244,
-      "height": 205,
+      "height": 180,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -611,15 +611,15 @@
         }
       ],
       "label": "shipments",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 130,
-      "labelHeight": 36,
+      "labelWidth": 111,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -655,19 +655,19 @@
       "route": [
         {
           "x": 134,
-          "y": 246
+          "y": 216
         },
         {
           "x": 134,
-          "y": 286
+          "y": 256
         },
         {
           "x": 172.8,
-          "y": 314.6
+          "y": 283.2
         },
         {
           "x": 328,
-          "y": 389
+          "y": 352
         }
       ],
       "isCurve": true,
@@ -703,19 +703,19 @@
       "route": [
         {
           "x": 410,
-          "y": 226.5
+          "y": 198
         },
         {
           "x": 410,
-          "y": 282.1
+          "y": 252.4
         },
         {
           "x": 410,
-          "y": 306
+          "y": 276
         },
         {
           "x": 410,
-          "y": 346
+          "y": 316
         }
       ],
       "isCurve": true,
@@ -751,19 +751,19 @@
       "route": [
         {
           "x": 674,
-          "y": 226.5
+          "y": 198
         },
         {
           "x": 674,
-          "y": 282.1
+          "y": 252.4
         },
         {
           "x": 637.6,
-          "y": 314.2
+          "y": 282.8
         },
         {
           "x": 492,
-          "y": 387
+          "y": 350
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
index 54193e0d8..53e586b16 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1000" height="714" viewBox="-102 -102 1000 714"><style type="text/css">
+width="1000" height="664" viewBox="-102 -102 1000 664"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,40 +39,40 @@ width="1000" height="714" viewBox="-102 -102 1000 714"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="268" height="246" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="268.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="29.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="111.000000" y="67.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="248.000000" y="67.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="82.000000" x2="268.000000" y2="82.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="111.000000" y="108.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="248.000000" y="108.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="123.000000" x2="268.000000" y2="123.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="149.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="111.000000" y="149.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="248.000000" y="149.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="164.000000" x2="268.000000" y2="164.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="190.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="111.000000" y="190.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="248.000000" y="190.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="205.000000" x2="268.000000" y2="205.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="231.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="111.000000" y="231.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="248.000000" y="231.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="0.000000" y1="246.000000" x2="268.000000" y2="246.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="328" y="21" width="164" height="205" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="21.000000" width="164.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="50.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="405.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="472.000000" y="88.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="103.000000" x2="492.000000" y2="103.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">price</text>
-<text class="text" x="405.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">decimal</text>
-<text class="text" x="472.000000" y="129.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="144.000000" x2="492.000000" y2="144.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">sku</text>
-<text class="text" x="405.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="472.000000" y="170.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="185.000000" x2="492.000000" y2="185.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="405.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="472.000000" y="211.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="226.000000" x2="492.000000" y2="226.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="328" y="346" width="164" height="164" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="346.000000" width="164.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="375.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="413.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="449.000000" y="413.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="472.000000" y="413.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="428.000000" x2="492.000000" y2="428.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="454.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">user_id</text>
-<text class="text" x="449.000000" y="454.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="472.000000" y="454.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="469.000000" x2="492.000000" y2="469.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="495.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">product_id</text>
-<text class="text" x="449.000000" y="495.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="472.000000" y="495.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="510.000000" x2="492.000000" y2="510.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="552" y="21" width="244" height="205" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="552.000000" y="21.000000" width="244.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="562.000000" y="50.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="728.000000" y="88.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="776.000000" y="88.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="103.000000" x2="796.000000" y2="103.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">order_id</text>
-<text class="text" x="728.000000" y="129.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="776.000000" y="129.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="144.000000" x2="796.000000" y2="144.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">tracking_number</text>
-<text class="text" x="728.000000" y="170.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="776.000000" y="170.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="185.000000" x2="796.000000" y2="185.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">status</text>
-<text class="text" x="728.000000" y="211.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="776.000000" y="211.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="226.000000" x2="796.000000" y2="226.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 134.000000 250.000000 C 134.000000 286.000000 172.800000 314.600000 324.393038 387.270889" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2777058272)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 410.000000 230.500000 C 410.000000 282.100000 410.000000 306.000000 410.000000 342.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2777058272)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 674.000000 230.500000 C 674.000000 282.100000 637.600000 314.200000 495.577709 385.211146" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2777058272)"/></g><mask id="2777058272" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1000" height="714">
-<rect x="-100" y="-100" width="1000" height="714" fill="white"></rect>
+]]></script><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="268" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="268.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="248.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="268.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="268.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="268.000000" y2="144.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="268.000000" y2="180.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="248.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="0.000000" y1="216.000000" x2="268.000000" y2="216.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="328" y="18" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="18.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="405.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="90.000000" x2="492.000000" y2="90.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
+<text class="text" x="405.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
+<text class="text" x="472.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="126.000000" x2="492.000000" y2="126.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
+<text class="text" x="405.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="162.000000" x2="492.000000" y2="162.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="405.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="198.000000" x2="492.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="328" y="316" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="316.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="341.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="449.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="388.000000" x2="492.000000" y2="388.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
+<text class="text" x="449.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="424.000000" x2="492.000000" y2="424.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
+<text class="text" x="449.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="460.000000" x2="492.000000" y2="460.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="552" y="18" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="552.000000" y="18.000000" width="244.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="562.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="728.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="90.000000" x2="796.000000" y2="90.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
+<text class="text" x="728.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="126.000000" x2="796.000000" y2="126.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="728.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="162.000000" x2="796.000000" y2="162.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
+<text class="text" x="728.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="198.000000" x2="796.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 134.000000 220.000000 C 134.000000 256.000000 172.800000 283.200000 324.343201 350.378945" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 410.000000 202.000000 C 410.000000 252.400000 410.000000 276.000000 410.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 674.000000 202.000000 C 674.000000 252.400000 637.600000 282.800000 495.631838 348.323767" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><mask id="2271009607" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1000" height="664">
+<rect x="-100" y="-100" width="1000" height="664" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/sql_tables/elk/board.exp.json b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
index ef8ccc7aa..3451aadff 100644
--- a/e2etests/testdata/stable/sql_tables/elk/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
@@ -10,7 +10,7 @@
         "y": 12
       },
       "width": 268,
-      "height": 246,
+      "height": 216,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -171,15 +171,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 65,
-      "labelHeight": 36,
+      "labelWidth": 56,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -191,10 +191,10 @@
       "type": "sql_table",
       "pos": {
         "x": 300,
-        "y": 53
+        "y": 48
       },
       "width": 164,
-      "height": 205,
+      "height": 180,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -327,15 +327,15 @@
         }
       ],
       "label": "products",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 110,
-      "labelHeight": 36,
+      "labelWidth": 94,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -347,10 +347,10 @@
       "type": "sql_table",
       "pos": {
         "x": 300,
-        "y": 358
+        "y": 328
       },
       "width": 164,
-      "height": 164,
+      "height": 144,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -455,15 +455,15 @@
         }
       ],
       "label": "orders",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 80,
-      "labelHeight": 36,
+      "labelWidth": 69,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -475,10 +475,10 @@
       "type": "sql_table",
       "pos": {
         "x": 484,
-        "y": 53
+        "y": 48
       },
       "width": 244,
-      "height": 205,
+      "height": 180,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -611,15 +611,15 @@
         }
       ],
       "label": "shipments",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 130,
-      "labelHeight": 36,
+      "labelWidth": 111,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -655,19 +655,19 @@
       "route": [
         {
           "x": 146,
-          "y": 258
+          "y": 228
         },
         {
           "x": 146,
-          "y": 308
+          "y": 278
         },
         {
           "x": 341,
-          "y": 308
+          "y": 278
         },
         {
           "x": 341,
-          "y": 358
+          "y": 328
         }
       ],
       "animated": false,
@@ -702,11 +702,11 @@
       "route": [
         {
           "x": 382,
-          "y": 258
+          "y": 228
         },
         {
           "x": 382,
-          "y": 358
+          "y": 328
         }
       ],
       "animated": false,
@@ -741,19 +741,19 @@
       "route": [
         {
           "x": 606,
-          "y": 258
+          "y": 228
         },
         {
           "x": 606,
-          "y": 308
+          "y": 278
         },
         {
           "x": 423,
-          "y": 308
+          "y": 278
         },
         {
           "x": 423,
-          "y": 358
+          "y": 328
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
index 29d1881c7..1c334b7d3 100644
--- a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="920" height="714" viewBox="-90 -90 920 714"><style type="text/css">
+width="920" height="664" viewBox="-90 -90 920 664"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,40 +39,40 @@ width="920" height="714" viewBox="-90 -90 920 714"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="users"><g class="shape" ><rect class="shape" x="12" y="12" width="268" height="246" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="268.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="41.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="123.000000" y="79.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="260.000000" y="79.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="94.000000" x2="280.000000" y2="94.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="123.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="260.000000" y="120.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="135.000000" x2="280.000000" y2="135.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="123.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="260.000000" y="161.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="176.000000" x2="280.000000" y2="176.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="123.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="260.000000" y="202.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="217.000000" x2="280.000000" y2="217.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="123.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="260.000000" y="243.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="12.000000" y1="258.000000" x2="280.000000" y2="258.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="300" y="53" width="164" height="205" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="53.000000" width="164.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="82.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="377.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="444.000000" y="120.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="135.000000" x2="464.000000" y2="135.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">price</text>
-<text class="text" x="377.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">decimal</text>
-<text class="text" x="444.000000" y="161.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="176.000000" x2="464.000000" y2="176.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">sku</text>
-<text class="text" x="377.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="444.000000" y="202.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="217.000000" x2="464.000000" y2="217.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="377.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="444.000000" y="243.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="258.000000" x2="464.000000" y2="258.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="300" y="358" width="164" height="164" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="358.000000" width="164.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="387.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="425.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="421.000000" y="425.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="444.000000" y="425.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="440.000000" x2="464.000000" y2="440.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="466.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">user_id</text>
-<text class="text" x="421.000000" y="466.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="444.000000" y="466.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="481.000000" x2="464.000000" y2="481.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="507.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">product_id</text>
-<text class="text" x="421.000000" y="507.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="444.000000" y="507.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="522.000000" x2="464.000000" y2="522.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="484" y="53" width="244" height="205" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="484.000000" y="53.000000" width="244.000000" height="41.000000" fill="#0A0F25" /><text class="text" x="494.000000" y="82.500000" style="text-anchor:start;font-size:28px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="660.000000" y="120.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="708.000000" y="120.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="135.000000" x2="728.000000" y2="135.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">order_id</text>
-<text class="text" x="660.000000" y="161.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="708.000000" y="161.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="176.000000" x2="728.000000" y2="176.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">tracking_number</text>
-<text class="text" x="660.000000" y="202.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="708.000000" y="202.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="217.000000" x2="728.000000" y2="217.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#0D32B2">status</text>
-<text class="text" x="660.000000" y="243.500000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="708.000000" y="243.500000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="258.000000" x2="728.000000" y2="258.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 146.000000 262.000000 L 146.000000 298.000000 S 146.000000 308.000000 156.000000 308.000000 L 331.000000 308.000000 S 341.000000 308.000000 341.000000 318.000000 L 341.000000 354.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#754927805)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 382.000000 262.000000 L 382.000000 354.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#754927805)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 606.000000 262.000000 L 606.000000 298.000000 S 606.000000 308.000000 596.000000 308.000000 L 433.000000 308.000000 S 423.000000 308.000000 423.000000 318.000000 L 423.000000 354.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#754927805)"/></g><mask id="754927805" maskUnits="userSpaceOnUse" x="-100" y="-100" width="920" height="714">
-<rect x="-100" y="-100" width="920" height="714" fill="white"></rect>
+]]></script><g id="users"><g class="shape" ><rect class="shape" x="12" y="12" width="268" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="268.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="260.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="280.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="280.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="280.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="280.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="260.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="12.000000" y1="228.000000" x2="280.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="300" y="48" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="48.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="73.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="377.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="120.000000" x2="464.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
+<text class="text" x="377.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
+<text class="text" x="444.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="156.000000" x2="464.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
+<text class="text" x="377.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="192.000000" x2="464.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="377.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="228.000000" x2="464.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="300" y="328" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="328.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="353.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="421.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="400.000000" x2="464.000000" y2="400.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
+<text class="text" x="421.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="436.000000" x2="464.000000" y2="436.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
+<text class="text" x="421.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="472.000000" x2="464.000000" y2="472.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="484" y="48" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="484.000000" y="48.000000" width="244.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="494.000000" y="73.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="660.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="120.000000" x2="728.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
+<text class="text" x="660.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="156.000000" x2="728.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="660.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="192.000000" x2="728.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
+<text class="text" x="660.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="228.000000" x2="728.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 146.000000 232.000000 L 146.000000 268.000000 S 146.000000 278.000000 156.000000 278.000000 L 331.000000 278.000000 S 341.000000 278.000000 341.000000 288.000000 L 341.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 382.000000 232.000000 L 382.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 606.000000 232.000000 L 606.000000 268.000000 S 606.000000 278.000000 596.000000 278.000000 L 433.000000 278.000000 S 423.000000 278.000000 423.000000 288.000000 L 423.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><mask id="703003900" maskUnits="userSpaceOnUse" x="-100" y="-100" width="920" height="664">
+<rect x="-100" y="-100" width="920" height="664" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json b/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
index 870a50b9b..091f97470 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
index a7a5f111e..42f700f98 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
@@ -39,31 +39,31 @@ width="626" height="2752" viewBox="-102 -102 626 2752"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="230.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="230.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="230.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="294.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="294.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="294.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="0.000000" y1="320.000000" x2="422.000000" y2="320.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="358.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="358.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="358.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="422.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="422.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="422.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="486.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="486.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="486.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="612" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="612.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="117.000000" y="746.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="218.000000" y="746.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="295.000000" y="746.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="782.666667" x2="315.000000" y2="782.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="831.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="218.000000" y="831.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="831.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="868.000000" x2="315.000000" y2="868.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="916.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="218.000000" y="916.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="916.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="953.333333" x2="315.000000" y2="953.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1002.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="218.000000" y="1002.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="1002.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1038.666667" x2="315.000000" y2="1038.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1087.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="218.000000" y="1087.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="295.000000" y="1087.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1124.000000" x2="315.000000" y2="1124.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(116.000000 1224.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="165.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="165.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="165.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="229.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="229.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="229.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="293.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="293.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="293.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="320.000000" x2="422.000000" y2="320.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="357.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="357.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="357.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="421.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="421.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="421.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="485.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="485.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="485.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="612" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="612.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="117.000000" y="745.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="218.000000" y="745.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="295.000000" y="745.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="782.666667" x2="315.000000" y2="782.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="830.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="218.000000" y="830.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="830.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="868.000000" x2="315.000000" y2="868.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="915.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="218.000000" y="915.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="915.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="953.333333" x2="315.000000" y2="953.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1001.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="218.000000" y="1001.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="1001.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1038.666667" x2="315.000000" y2="1038.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1086.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="218.000000" y="1086.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="295.000000" y="1086.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1124.000000" x2="315.000000" y2="1124.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(116.000000 1224.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 161 1836 L 211 1836 L 211 1891 L 261 1891 L 261 2348 L 161 2348 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="161" y="2448" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 211.000000 514.000000 C 211.000000 552.000000 211.000000 572.000000 211.000000 608.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2801469376)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 1126.000000 C 211.000000 1164.000000 211.000000 1184.000000 211.000000 1220.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2801469376)"/></g><g id="(code -&gt; package)[0]"><path d="M 211.000000 1738.000000 C 211.000000 1776.000000 211.000000 1796.000000 211.000000 1832.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2801469376)"/></g><g id="(package -&gt; no height)[0]"><path d="M 211.000000 2350.000000 C 211.000000 2388.000000 211.000000 2408.000000 211.000000 2444.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2801469376)"/></g><mask id="2801469376" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 161 1836 L 211 1836 L 211 1891 L 261 1891 L 261 2348 L 161 2348 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="161" y="2448" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 211.000000 514.000000 C 211.000000 552.000000 211.000000 572.000000 211.000000 608.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 1126.000000 C 211.000000 1164.000000 211.000000 1184.000000 211.000000 1220.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(code -&gt; package)[0]"><path d="M 211.000000 1738.000000 C 211.000000 1776.000000 211.000000 1796.000000 211.000000 1832.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(package -&gt; no height)[0]"><path d="M 211.000000 2350.000000 C 211.000000 2388.000000 211.000000 2408.000000 211.000000 2444.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><mask id="1765115256" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
 <rect x="-100" y="-100" width="626" height="2752" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json b/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
index 3455989be..4971f0d23 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
index ffa13befe..f3ac46308 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
@@ -39,31 +39,31 @@ width="626" height="2752" viewBox="-90 -90 626 2752"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="414.000000" y="178.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="242.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="242.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="414.000000" y="242.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="306.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="306.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="306.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="12.000000" y1="332.000000" x2="434.000000" y2="332.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="370.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="370.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="370.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="434.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="434.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="434.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="498.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="498.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="498.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="624" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="624.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="129.000000" y="758.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="230.000000" y="758.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="307.000000" y="758.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="794.666667" x2="327.000000" y2="794.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="843.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="230.000000" y="843.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="843.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="880.000000" x2="327.000000" y2="880.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="928.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="230.000000" y="928.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="928.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="965.333333" x2="327.000000" y2="965.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1014.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="230.000000" y="1014.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="1014.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1050.666667" x2="327.000000" y2="1050.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1099.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="230.000000" y="1099.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="307.000000" y="1099.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1136.000000" x2="327.000000" y2="1136.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(127.000000 1236.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="177.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="241.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="241.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="241.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="305.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="305.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="305.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="332.000000" x2="434.000000" y2="332.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="369.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="369.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="369.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="433.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="433.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="433.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="497.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="497.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="497.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="624" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="624.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="129.000000" y="757.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="230.000000" y="757.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="307.000000" y="757.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="794.666667" x2="327.000000" y2="794.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="842.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="230.000000" y="842.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="842.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="880.000000" x2="327.000000" y2="880.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="927.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="230.000000" y="927.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="927.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="965.333333" x2="327.000000" y2="965.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1013.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="230.000000" y="1013.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="1013.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1050.666667" x2="327.000000" y2="1050.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1098.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="230.000000" y="1098.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="307.000000" y="1098.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1136.000000" x2="327.000000" y2="1136.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(127.000000 1236.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 173 1848 L 223 1848 L 223 1903 L 273 1903 L 273 2360 L 173 2360 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="173" y="2460" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 223.000000 526.000000 L 223.000000 620.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1054030763)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 1138.000000 L 223.000000 1232.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1054030763)"/></g><g id="(code -&gt; package)[0]"><path d="M 223.000000 1750.000000 L 223.000000 1844.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1054030763)"/></g><g id="(package -&gt; no height)[0]"><path d="M 223.000000 2362.000000 L 223.000000 2456.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1054030763)"/></g><mask id="1054030763" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 173 1848 L 223 1848 L 223 1903 L 273 1903 L 273 2360 L 173 2360 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="173" y="2460" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 223.000000 526.000000 L 223.000000 620.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 1138.000000 L 223.000000 1232.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(code -&gt; package)[0]"><path d="M 223.000000 1750.000000 L 223.000000 1844.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(package -&gt; no height)[0]"><path d="M 223.000000 2362.000000 L 223.000000 2456.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><mask id="3341296419" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
 <rect x="-100" y="-100" width="626" height="2752" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json b/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
index d450f5a96..e63619c90 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -85,7 +85,7 @@
         "y": 468
       },
       "width": 512,
-      "height": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 0,
-        "y": 784
+        "y": 754
       },
       "width": 512,
       "height": 65,
@@ -306,7 +306,7 @@
       "type": "package",
       "pos": {
         "x": 0,
-        "y": 949
+        "y": 919
       },
       "width": 512,
       "height": 100,
@@ -346,7 +346,7 @@
       "type": "rectangle",
       "pos": {
         "x": 206,
-        "y": 1149
+        "y": 1119
       },
       "width": 100,
       "height": 100,
@@ -458,19 +458,19 @@
       "route": [
         {
           "x": 256,
-          "y": 684
+          "y": 654
         },
         {
           "x": 256,
-          "y": 724
+          "y": 694
         },
         {
           "x": 256,
-          "y": 744
+          "y": 714
         },
         {
           "x": 256,
-          "y": 784
+          "y": 754
         }
       ],
       "isCurve": true,
@@ -506,19 +506,19 @@
       "route": [
         {
           "x": 256,
-          "y": 849
+          "y": 819
         },
         {
           "x": 256,
-          "y": 889
+          "y": 859
         },
         {
           "x": 256,
-          "y": 913
+          "y": 883
         },
         {
           "x": 256,
-          "y": 969
+          "y": 939
         }
       ],
       "isCurve": true,
@@ -554,19 +554,19 @@
       "route": [
         {
           "x": 256,
-          "y": 1049
+          "y": 1019
         },
         {
           "x": 256,
-          "y": 1089
+          "y": 1059
         },
         {
           "x": 256,
-          "y": 1109
+          "y": 1079
         },
         {
           "x": 256,
-          "y": 1149
+          "y": 1119
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
index a0a76d773..a6f61a566 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="716" height="1453" viewBox="-102 -102 716 1453"><style type="text/css">
+width="716" height="1423" viewBox="-102 -102 716 1423"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,32 +39,32 @@ width="716" height="1453" viewBox="-102 -102 716 1453"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="492.000000" y="121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="167.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="492.000000" y="167.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="213.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="492.000000" y="213.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="512.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="259.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="492.000000" y="259.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="305.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="492.000000" y="305.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="351.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="492.000000" y="351.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="0" y="468" width="512" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="468.000000" width="512.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="528.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="111.000000" y="528.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="492.000000" y="528.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="540.000000" x2="512.000000" y2="540.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="564.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="111.000000" y="564.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="492.000000" y="564.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="576.000000" x2="512.000000" y2="576.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="600.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="111.000000" y="600.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="492.000000" y="600.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="612.000000" x2="512.000000" y2="612.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="636.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="111.000000" y="636.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="492.000000" y="636.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="648.000000" x2="512.000000" y2="648.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="672.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="111.000000" y="672.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="492.000000" y="672.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="684.000000" x2="512.000000" y2="684.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(0.000000 784.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="492.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="492.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="492.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="512.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="492.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="492.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="492.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="0" y="468" width="512" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="468.000000" width="512.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="492.000000" y="519.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="530.000000" x2="512.000000" y2="530.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="550.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="561.000000" x2="512.000000" y2="561.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="581.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="592.000000" x2="512.000000" y2="592.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="612.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="623.000000" x2="512.000000" y2="623.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="492.000000" y="643.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="654.000000" x2="512.000000" y2="654.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(0.000000 754.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 0 949 L 150 949 L 150 969 L 512 969 L 512 1049 L 0 1049 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="206" y="1149" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 256.000000 370.000000 C 256.000000 408.000000 256.000000 428.000000 256.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1530545449)"/></g><g id="(users -&gt; code)[0]"><path d="M 256.000000 686.000000 C 256.000000 724.000000 256.000000 744.000000 256.000000 780.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1530545449)"/></g><g id="(code -&gt; package)[0]"><path d="M 256.000000 851.000000 C 256.000000 889.000000 256.000000 913.000000 256.000000 965.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1530545449)"/></g><g id="(package -&gt; no width)[0]"><path d="M 256.000000 1051.000000 C 256.000000 1089.000000 256.000000 1109.000000 256.000000 1145.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1530545449)"/></g><mask id="1530545449" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1453">
-<rect x="-100" y="-100" width="716" height="1453" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 0 919 L 150 919 L 150 939 L 512 939 L 512 1019 L 0 1019 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="206" y="1119" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 256.000000 370.000000 C 256.000000 408.000000 256.000000 428.000000 256.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(users -&gt; code)[0]"><path d="M 256.000000 656.000000 C 256.000000 694.000000 256.000000 714.000000 256.000000 750.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(code -&gt; package)[0]"><path d="M 256.000000 821.000000 C 256.000000 859.000000 256.000000 883.000000 256.000000 935.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(package -&gt; no width)[0]"><path d="M 256.000000 1021.000000 C 256.000000 1059.000000 256.000000 1079.000000 256.000000 1115.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><mask id="4000366913" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1423">
+<rect x="-100" y="-100" width="716" height="1423" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json b/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
index 9682cdbfa..787186641 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -85,7 +85,7 @@
         "y": 480
       },
       "width": 512,
-      "height": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -246,15 +246,15 @@
         }
       ],
       "label": "",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 36,
+      "labelWidth": 59,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 12,
-        "y": 796
+        "y": 766
       },
       "width": 512,
       "height": 65,
@@ -306,7 +306,7 @@
       "type": "package",
       "pos": {
         "x": 12,
-        "y": 961
+        "y": 931
       },
       "width": 512,
       "height": 100,
@@ -346,7 +346,7 @@
       "type": "rectangle",
       "pos": {
         "x": 218,
-        "y": 1161
+        "y": 1131
       },
       "width": 100,
       "height": 100,
@@ -449,11 +449,11 @@
       "route": [
         {
           "x": 268,
-          "y": 696
+          "y": 666
         },
         {
           "x": 268,
-          "y": 796
+          "y": 766
         }
       ],
       "animated": false,
@@ -488,11 +488,11 @@
       "route": [
         {
           "x": 268,
-          "y": 861
+          "y": 831
         },
         {
           "x": 268,
-          "y": 981
+          "y": 951
         }
       ],
       "animated": false,
@@ -527,11 +527,11 @@
       "route": [
         {
           "x": 268,
-          "y": 1061
+          "y": 1031
         },
         {
           "x": 268,
-          "y": 1161
+          "y": 1131
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
index abe1899b3..6e8544edf 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="716" height="1453" viewBox="-90 -90 716 1453"><style type="text/css">
+width="716" height="1423" viewBox="-90 -90 716 1423"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,32 +39,32 @@ width="716" height="1453" viewBox="-90 -90 716 1453"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="133.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="504.000000" y="133.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="179.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="504.000000" y="179.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="225.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="504.000000" y="225.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="524.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="271.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="504.000000" y="271.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="317.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="504.000000" y="317.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="363.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="504.000000" y="363.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="12" y="480" width="512" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="480.000000" width="512.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="540.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="123.000000" y="540.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="504.000000" y="540.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="552.000000" x2="524.000000" y2="552.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="576.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="123.000000" y="576.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="504.000000" y="576.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="588.000000" x2="524.000000" y2="588.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="612.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="123.000000" y="612.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="504.000000" y="612.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="624.000000" x2="524.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="648.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="123.000000" y="648.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="504.000000" y="648.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="660.000000" x2="524.000000" y2="660.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="684.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="123.000000" y="684.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="504.000000" y="684.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="696.000000" x2="524.000000" y2="696.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(12.000000 796.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="504.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="504.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="504.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="524.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="504.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="504.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="504.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="12" y="480" width="512" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="480.000000" width="512.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="504.000000" y="531.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="542.000000" x2="524.000000" y2="542.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="562.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="573.000000" x2="524.000000" y2="573.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="593.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="604.000000" x2="524.000000" y2="604.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="624.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="635.000000" x2="524.000000" y2="635.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="504.000000" y="655.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="666.000000" x2="524.000000" y2="666.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(12.000000 766.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 12 961 L 162 961 L 162 981 L 524 981 L 524 1061 L 12 1061 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="218" y="1161" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 268.000000 382.000000 L 268.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#445948225)"/></g><g id="(users -&gt; code)[0]"><path d="M 268.000000 698.000000 L 268.000000 792.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#445948225)"/></g><g id="(code -&gt; package)[0]"><path d="M 268.000000 863.000000 L 268.000000 977.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#445948225)"/></g><g id="(package -&gt; no width)[0]"><path d="M 268.000000 1063.000000 L 268.000000 1157.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#445948225)"/></g><mask id="445948225" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1453">
-<rect x="-100" y="-100" width="716" height="1453" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 12 931 L 162 931 L 162 951 L 524 951 L 524 1031 L 12 1031 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="218" y="1131" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 268.000000 382.000000 L 268.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(users -&gt; code)[0]"><path d="M 268.000000 668.000000 L 268.000000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(code -&gt; package)[0]"><path d="M 268.000000 833.000000 L 268.000000 947.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(package -&gt; no width)[0]"><path d="M 268.000000 1033.000000 L 268.000000 1127.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><mask id="3421712416" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1423">
+<rect x="-100" y="-100" width="716" height="1423" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json b/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json
index eb9c687f9..3582b4b80 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json
+++ b/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json
@@ -513,15 +513,15 @@
       ],
       "columns": null,
       "label": "class",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 81,
-      "labelHeight": 36,
+      "labelWidth": 70,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -697,15 +697,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 65,
-      "labelHeight": 36,
+      "labelWidth": 56,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
index f69c1f047..99f781516 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
@@ -796,34 +796,34 @@ width="2482" height="2672" viewBox="-102 -102 2482 2672"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g id="containers"><g class="shape" ><rect x="0" y="0" width="1112" height="456" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="556.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1247 189 C 1247 192 1244 194 1240 194 C 1197 197 1162 232 1162 274 C 1162 319 1200 355 1249 355 H 1579 C 1631 355 1674 316 1674 269 C 1674 224 1635 187 1585 184 C 1582 184 1578 182 1577 179 C 1566 133 1515 99 1455 99 C 1416 99 1381 113 1359 136 C 1356 139 1352 139 1350 139 C 1341 136 1332 135 1322 135 C 1282 135 1250 159 1247 189 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1415.664000" y="280.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1290 1480 C 1290 1456 1405 1456 1418 1456 C 1431 1456 1546 1456 1546 1480 V 1944 C 1546 1968 1431 1968 1418 1968 C 1405 1968 1290 1968 1290 1944 V 1480 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1290 1480 C 1290 1504 1405 1504 1418 1504 C 1431 1504 1546 1504 1546 1480" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1418.000000" y="1729.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1018" y="756" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="756.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1418.000000" y="815.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class</text><text class="text-mono" x="1028.000000" y="887.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1048.000000" y="887.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="1798.000000" y="887.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="937.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1048.000000" y="937.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="1798.000000" y="937.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="987.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1048.000000" y="987.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="1798.000000" y="987.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1018.000000" y1="1006.000000" x2="1818.000000" y2="1006.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1028.000000" y="1037.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1037.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="1798.000000" y="1037.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1028.000000" y="1087.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1087.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="1798.000000" y="1087.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1028.000000" y="1137.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1137.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="1798.000000" y="1137.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1018" y="2068" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="2068.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1028.000000" y="2110.333333" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="1028.000000" y="2174.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="1129.000000" y="2174.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="1798.000000" y="2174.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2201.333333" x2="1818.000000" y2="2201.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2240.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="1129.000000" y="2240.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1798.000000" y="2240.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2268.000000" x2="1818.000000" y2="2268.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2307.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="1129.000000" y="2307.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1798.000000" y="2307.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2334.666667" x2="1818.000000" y2="2334.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2374.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="1129.000000" y="2374.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1798.000000" y="2374.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2401.333333" x2="1818.000000" y2="2401.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2440.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="1129.000000" y="2440.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="1798.000000" y="2440.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2468.000000" x2="1818.000000" y2="2468.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2021" y="195" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2078.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1878.000000" y="556.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
+</style><g id="containers"><g class="shape" ><rect x="0" y="0" width="1112" height="456" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="556.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1247 189 C 1247 192 1244 194 1240 194 C 1197 197 1162 232 1162 274 C 1162 319 1200 355 1249 355 H 1579 C 1631 355 1674 316 1674 269 C 1674 224 1635 187 1585 184 C 1582 184 1578 182 1577 179 C 1566 133 1515 99 1455 99 C 1416 99 1381 113 1359 136 C 1356 139 1352 139 1350 139 C 1341 136 1332 135 1322 135 C 1282 135 1250 159 1247 189 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1415.664000" y="280.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1290 1480 C 1290 1456 1405 1456 1418 1456 C 1431 1456 1546 1456 1546 1480 V 1944 C 1546 1968 1431 1968 1418 1968 C 1405 1968 1290 1968 1290 1944 V 1480 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1290 1480 C 1290 1504 1405 1504 1418 1504 C 1431 1504 1546 1504 1546 1480" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1418.000000" y="1729.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1018" y="756" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="756.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1418.000000" y="813.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class</text><text class="text-mono" x="1028.000000" y="886.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="886.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="1798.000000" y="886.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="936.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="936.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="1798.000000" y="936.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="986.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="986.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="1798.000000" y="986.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1018.000000" y1="1006.000000" x2="1818.000000" y2="1006.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1028.000000" y="1036.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1036.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="1798.000000" y="1036.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1028.000000" y="1086.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1086.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="1798.000000" y="1086.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1028.000000" y="1136.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1136.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="1798.000000" y="1136.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1018" y="2068" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="2068.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1028.000000" y="2109.083333" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="1028.000000" y="2173.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="1129.000000" y="2173.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="1798.000000" y="2173.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2201.333333" x2="1818.000000" y2="2201.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2239.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="1129.000000" y="2239.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2239.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2268.000000" x2="1818.000000" y2="2268.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2306.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="1129.000000" y="2306.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2306.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2334.666667" x2="1818.000000" y2="2334.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2373.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="1129.000000" y="2373.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2373.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2401.333333" x2="1818.000000" y2="2401.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2439.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="1129.000000" y="2439.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="1798.000000" y="2439.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2468.000000" x2="1818.000000" y2="2468.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2021" y="195" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2078.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1878.000000" y="556.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
 </div></foreignObject></g></g><g id="code"><g class="shape" ></g><g transform="translate(1878.000000 1562.000000)"><rect class="shape" width="400" height="300" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
 </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="small code"><g class="shape" ></g><g transform="translate(1983.000000 2236.000000)"><rect class="shape" width="191" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="154.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="154.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 422 406 C 421 406 421 406 420 405 L 309 231 C 308 229 308 226 309 225 L 420 51 C 421 49 423 49 424 51 L 535 225 C 536 227 536 230 535 231 L 424 405 C 423 406 423 406 422 406 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="422.000000" y="168.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="690.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="690.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 901 50 L 844 228 L 901 406 L 1015 406 L 1072 228 L 1015 50 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="958.000000" y="138.333333" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 154 260 C 154 260 153 260 153 260 L 90 229 C 89 229 89 228 90 228 L 153 196 C 154 196 155 196 155 196 L 217 227 C 218 227 218 228 217 228 L 155 260 C 155 260 154 260 154 260 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="154.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="422.000000" cy="228.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="422.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 658 196 L 626 228 L 658 260 L 722 260 L 754 228 L 722 196 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="690.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="958.000000" cy="228.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="958.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1418.000000 357.000000 C 1418.000000 395.800000 1418.000000 416.000000 1418.000000 431.000000 C 1418.000000 446.000000 1418.000000 556.000000 1418.000000 752.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1418.000000 1158.000000 C 1418.000000 1356.000000 1418.000000 1416.000000 1418.000000 1452.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1418.000000 1970.000000 C 1418.000000 2008.000000 1418.000000 2028.000000 1418.000000 2064.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><g id="(container -&gt; text)[0]"><path d="M 2078.000000 263.000000 C 2078.000000 377.000000 2078.000000 416.000000 2078.000000 431.000000 C 2078.000000 446.000000 2078.000000 516.000000 2078.000000 552.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><g id="(text -&gt; code)[0]"><path d="M 2078.000000 1358.000000 C 2078.000000 1396.000000 2078.000000 1437.200000 2078.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2078.000000 1864.000000 C 2078.000000 1986.800000 2078.000000 2061.500000 2078.000000 2231.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3905502950)"/></g><mask id="3905502950" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2482" height="2672">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="154.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="154.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 422 406 C 421 406 421 406 420 405 L 309 231 C 308 229 308 226 309 225 L 420 51 C 421 49 423 49 424 51 L 535 225 C 536 227 536 230 535 231 L 424 405 C 423 406 423 406 422 406 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="422.000000" y="168.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="690.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="690.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 901 50 L 844 228 L 901 406 L 1015 406 L 1072 228 L 1015 50 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="958.000000" y="138.333333" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 154 260 C 154 260 153 260 153 260 L 90 229 C 89 229 89 228 90 228 L 153 196 C 154 196 155 196 155 196 L 217 227 C 218 227 218 228 217 228 L 155 260 C 155 260 154 260 154 260 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="154.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="422.000000" cy="228.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="422.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 658 196 L 626 228 L 658 260 L 722 260 L 754 228 L 722 196 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="690.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="958.000000" cy="228.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="958.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1418.000000 357.000000 C 1418.000000 395.800000 1418.000000 416.000000 1418.000000 431.000000 C 1418.000000 446.000000 1418.000000 556.000000 1418.000000 752.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1418.000000 1158.000000 C 1418.000000 1356.000000 1418.000000 1416.000000 1418.000000 1452.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1418.000000 1970.000000 C 1418.000000 2008.000000 1418.000000 2028.000000 1418.000000 2064.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><g id="(container -&gt; text)[0]"><path d="M 2078.000000 263.000000 C 2078.000000 377.000000 2078.000000 416.000000 2078.000000 431.000000 C 2078.000000 446.000000 2078.000000 516.000000 2078.000000 552.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><g id="(text -&gt; code)[0]"><path d="M 2078.000000 1358.000000 C 2078.000000 1396.000000 2078.000000 1437.200000 2078.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2078.000000 1864.000000 C 2078.000000 1986.800000 2078.000000 2061.500000 2078.000000 2231.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1873799736)"/></g><mask id="1873799736" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2482" height="2672">
 <rect x="-100" y="-100" width="2482" height="2672" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json b/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json
index b14d9aac5..4a7e59669 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json
+++ b/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json
@@ -513,15 +513,15 @@
       ],
       "columns": null,
       "label": "class",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 81,
-      "labelHeight": 36,
+      "labelWidth": 70,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -697,15 +697,15 @@
         }
       ],
       "label": "users",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 65,
-      "labelHeight": 36,
+      "labelWidth": 56,
+      "labelHeight": 31,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
diff --git a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
index 7e5c917f5..48004e424 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
@@ -796,34 +796,34 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g id="containers"><g class="shape" ><rect x="12" y="12" width="1322" height="428" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="673.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1439 273 C 1439 276 1436 278 1432 278 C 1389 281 1354 316 1354 358 C 1354 403 1392 439 1441 439 H 1771 C 1823 439 1866 400 1866 353 C 1866 308 1827 271 1777 268 C 1774 268 1770 266 1769 263 C 1758 217 1707 183 1647 183 C 1608 183 1573 197 1551 220 C 1548 223 1544 223 1542 223 C 1533 220 1524 219 1514 219 C 1474 219 1442 243 1439 273 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1607.664000" y="364.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1482 1464 C 1482 1440 1597 1440 1610 1440 C 1623 1440 1738 1440 1738 1464 V 1928 C 1738 1952 1623 1952 1610 1952 C 1597 1952 1482 1952 1482 1928 V 1464 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1482 1464 C 1482 1488 1597 1488 1610 1488 C 1623 1488 1738 1488 1738 1464" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1610.000000" y="1713.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1210" y="740" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="740.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1610.000000" y="799.000000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">class</text><text class="text-mono" x="1220.000000" y="871.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1240.000000" y="871.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
-<text class="text-mono" x="1990.000000" y="871.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="921.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1240.000000" y="921.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="1990.000000" y="921.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="971.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1240.000000" y="971.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="1990.000000" y="971.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1210.000000" y1="990.000000" x2="2010.000000" y2="990.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1220.000000" y="1021.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1021.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="1990.000000" y="1021.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1220.000000" y="1071.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1071.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="1990.000000" y="1071.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1220.000000" y="1121.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1121.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="1990.000000" y="1121.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1210" y="2052" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="2052.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1220.000000" y="2094.333333" style="text-anchor:start;font-size:28px;fill:#FFFFFF">users</text><text class="text" x="1220.000000" y="2158.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">id</text>
-<text class="text" x="1321.000000" y="2158.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">int</text>
-<text class="text" x="1990.000000" y="2158.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2185.333333" x2="2010.000000" y2="2185.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2224.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">name</text>
-<text class="text" x="1321.000000" y="2224.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1990.000000" y="2224.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2252.000000" x2="2010.000000" y2="2252.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2291.333333" style="text-anchor:start;font-size:24px;fill:#0D32B2">email</text>
-<text class="text" x="1321.000000" y="2291.333333" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1990.000000" y="2291.333333" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2318.666667" x2="2010.000000" y2="2318.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2358.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">password</text>
-<text class="text" x="1321.000000" y="2358.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">string</text>
-<text class="text" x="1990.000000" y="2358.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2385.333333" x2="2010.000000" y2="2385.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2424.666667" style="text-anchor:start;font-size:24px;fill:#0D32B2">last_login</text>
-<text class="text" x="1321.000000" y="2424.666667" style="text-anchor:start;font-size:24px;fill:#676C7E">datetime</text>
-<text class="text" x="1990.000000" y="2424.666667" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2452.000000" x2="2010.000000" y2="2452.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2173" y="374" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2230.000000" y="412.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2030.000000" y="540.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
+</style><g id="containers"><g class="shape" ><rect x="12" y="12" width="1322" height="428" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="673.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1439 273 C 1439 276 1436 278 1432 278 C 1389 281 1354 316 1354 358 C 1354 403 1392 439 1441 439 H 1771 C 1823 439 1866 400 1866 353 C 1866 308 1827 271 1777 268 C 1774 268 1770 266 1769 263 C 1758 217 1707 183 1647 183 C 1608 183 1573 197 1551 220 C 1548 223 1544 223 1542 223 C 1533 220 1524 219 1514 219 C 1474 219 1442 243 1439 273 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1607.664000" y="364.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1482 1464 C 1482 1440 1597 1440 1610 1440 C 1623 1440 1738 1440 1738 1464 V 1928 C 1738 1952 1623 1952 1610 1952 C 1597 1952 1482 1952 1482 1928 V 1464 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1482 1464 C 1482 1488 1597 1488 1610 1488 C 1623 1488 1738 1488 1738 1464" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1610.000000" y="1713.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1210" y="740" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="740.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1610.000000" y="797.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class</text><text class="text-mono" x="1220.000000" y="870.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="870.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
+<text class="text-mono" x="1990.000000" y="870.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="920.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="920.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="1990.000000" y="920.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="970.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="970.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="1990.000000" y="970.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1210.000000" y1="990.000000" x2="2010.000000" y2="990.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1220.000000" y="1020.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1020.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="1990.000000" y="1020.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1220.000000" y="1070.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1070.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="1990.000000" y="1070.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1220.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="1990.000000" y="1120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1210" y="2052" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="2052.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1220.000000" y="2093.083333" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="1220.000000" y="2157.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="1321.000000" y="2157.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="1990.000000" y="2157.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2185.333333" x2="2010.000000" y2="2185.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2223.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="1321.000000" y="2223.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2223.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2252.000000" x2="2010.000000" y2="2252.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2290.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="1321.000000" y="2290.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2290.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2318.666667" x2="2010.000000" y2="2318.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2357.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="1321.000000" y="2357.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2357.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2385.333333" x2="2010.000000" y2="2385.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2423.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="1321.000000" y="2423.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="1990.000000" y="2423.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2452.000000" x2="2010.000000" y2="2452.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2173" y="374" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2230.000000" y="412.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2030.000000" y="540.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
 </div></foreignObject></g></g><g id="code"><g class="shape" ></g><g transform="translate(2030.000000 1546.000000)"><rect class="shape" width="400" height="300" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
 </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="small code"><g class="shape" ></g><g transform="translate(2134.000000 2052.000000)"><rect class="shape" width="191" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="226.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="226.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 524 365 C 523 365 522 365 521 364 L 386 229 C 385 228 385 225 386 224 L 521 88 C 522 87 525 87 526 88 L 661 224 C 662 225 662 228 661 229 L 527 364 C 526 365 525 365 524 365 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="524.000000" y="185.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="822.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="822.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 1051 119 L 981 226 L 1051 333 L 1190 333 L 1259 226 L 1190 119 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1120.000000" y="183.666667" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 226 258 C 226 258 225 258 225 258 L 162 227 C 161 227 161 226 162 226 L 225 194 C 226 194 227 194 227 194 L 289 225 C 290 225 290 226 289 226 L 227 258 C 227 258 226 258 226 258 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="226.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="524.000000" cy="226.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="524.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 790 194 L 758 226 L 790 258 L 854 258 L 886 226 L 854 194 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="822.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="1120.000000" cy="226.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1120.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1610.000000 441.000000 L 1610.000000 736.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1610.000000 1142.000000 L 1610.000000 1436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1610.000000 1954.000000 L 1610.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><g id="(container -&gt; text)[0]"><path d="M 2230.000000 442.000000 L 2230.000000 536.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><g id="(text -&gt; code)[0]"><path d="M 2230.000000 1342.000000 L 2230.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2230.000000 1848.000000 L 2230.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1208097057)"/></g><mask id="1208097057" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2622" height="2644">
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="226.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="226.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 524 365 C 523 365 522 365 521 364 L 386 229 C 385 228 385 225 386 224 L 521 88 C 522 87 525 87 526 88 L 661 224 C 662 225 662 228 661 229 L 527 364 C 526 365 525 365 524 365 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="524.000000" y="185.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="822.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="822.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 1051 119 L 981 226 L 1051 333 L 1190 333 L 1259 226 L 1190 119 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1120.000000" y="183.666667" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 226 258 C 226 258 225 258 225 258 L 162 227 C 161 227 161 226 162 226 L 225 194 C 226 194 227 194 227 194 L 289 225 C 290 225 290 226 289 226 L 227 258 C 227 258 226 258 226 258 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="226.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="524.000000" cy="226.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="524.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 790 194 L 758 226 L 790 258 L 854 258 L 886 226 L 854 194 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="822.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="1120.000000" cy="226.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1120.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1610.000000 441.000000 L 1610.000000 736.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1610.000000 1142.000000 L 1610.000000 1436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1610.000000 1954.000000 L 1610.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(container -&gt; text)[0]"><path d="M 2230.000000 442.000000 L 2230.000000 536.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(text -&gt; code)[0]"><path d="M 2230.000000 1342.000000 L 2230.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2230.000000 1848.000000 L 2230.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><mask id="128338623" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2622" height="2644">
 <rect x="-100" y="-100" width="2622" height="2644" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[