From 0341fd6f3e2f4d8bc35d36f0454b47648d64658c Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Mon, 6 Feb 2023 01:10:52 -0800
Subject: [PATCH] update tests

---
 d2exporter/export.go                          |  3 -
 .../d2sketch/testdata/class/sketch.exp.svg    | 26 +++----
 .../d2sketch/testdata/opacity/sketch.exp.svg  | 14 ++--
 .../testdata/sql_tables/sketch.exp.svg        | 70 +++++++++----------
 e2etests/regression_test.go                   | 14 ----
 .../empty_class_height/dagre/board.exp.json   | 18 ++---
 .../empty_class_height/dagre/sketch.exp.svg   | 10 +--
 .../empty_class_height/elk/board.exp.json     | 18 ++---
 .../empty_class_height/elk/sketch.exp.svg     | 10 +--
 .../dagre/board.exp.json                      | 64 ++++++++---------
 .../dagre/sketch.exp.svg                      | 10 +--
 .../elk/board.exp.json                        | 48 ++++++-------
 .../elk/sketch.exp.svg                        | 10 +--
 .../sql_table_overflow/dagre/board.exp.json   | 12 ++--
 .../sql_table_overflow/dagre/sketch.exp.svg   | 22 +++---
 .../sql_table_overflow/elk/board.exp.json     | 12 ++--
 .../sql_table_overflow/elk/sketch.exp.svg     | 22 +++---
 .../dagre/board.exp.json                      | 16 ++---
 .../dagre/sketch.exp.svg                      | 28 ++++----
 .../elk/board.exp.json                        | 12 ++--
 .../elk/sketch.exp.svg                        | 28 ++++----
 .../stable/class/dagre/board.exp.json         |  4 +-
 .../stable/class/dagre/sketch.exp.svg         |  4 +-
 .../testdata/stable/class/elk/board.exp.json  |  4 +-
 .../testdata/stable/class/elk/sketch.exp.svg  |  4 +-
 .../dagre/board.exp.json                      | 12 ++--
 .../dagre/sketch.exp.svg                      | 12 ++--
 .../elk/board.exp.json                        | 12 ++--
 .../elk/sketch.exp.svg                        | 12 ++--
 .../dagre/board.exp.json                      |  8 +--
 .../dagre/sketch.exp.svg                      | 66 ++++++++---------
 .../elk/board.exp.json                        |  8 +--
 .../elk/sketch.exp.svg                        | 66 ++++++++---------
 .../dagre/board.exp.json                      | 22 +++---
 .../dagre/sketch.exp.svg                      | 16 ++---
 .../elk/board.exp.json                        | 18 ++---
 .../elk/sketch.exp.svg                        | 16 ++---
 .../stable/sql_tables/dagre/board.exp.json    | 54 +++++++-------
 .../stable/sql_tables/dagre/sketch.exp.svg    | 70 +++++++++----------
 .../stable/sql_tables/elk/board.exp.json      | 50 ++++++-------
 .../stable/sql_tables/elk/sketch.exp.svg      | 70 +++++++++----------
 .../unnamed_only_height/dagre/board.exp.json  |  4 +-
 .../unnamed_only_height/dagre/sketch.exp.svg  |  2 +-
 .../unnamed_only_height/elk/board.exp.json    |  4 +-
 .../unnamed_only_height/elk/sketch.exp.svg    |  2 +-
 .../unnamed_only_width/dagre/board.exp.json   | 36 +++++-----
 .../unnamed_only_width/dagre/sketch.exp.svg   | 28 ++++----
 .../unnamed_only_width/elk/board.exp.json     | 24 +++----
 .../unnamed_only_width/elk/sketch.exp.svg     | 28 ++++----
 .../dagre/board.exp.json                      |  8 +--
 .../dagre/sketch.exp.svg                      |  6 +-
 .../shape_set_width_height/elk/board.exp.json |  8 +--
 .../shape_set_width_height/elk/sketch.exp.svg |  6 +-
 53 files changed, 567 insertions(+), 584 deletions(-)

diff --git a/d2exporter/export.go b/d2exporter/export.go
index 5a57f0881..2a34ed64a 100644
--- a/d2exporter/export.go
+++ b/d2exporter/export.go
@@ -135,11 +135,8 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
 		shape.Label = obj.Attributes.Label.Value
 	case d2target.ShapeClass:
 		shape.Class = *obj.Class
-		// The label is the header for classes and tables, which is set in client to be 4 px larger than the object's set font size
-		shape.FontSize -= 4
 	case d2target.ShapeSQLTable:
 		shape.SQLTable = *obj.SQLTable
-		shape.FontSize -= 4
 	}
 	shape.Label = text.Text
 	shape.LabelWidth = text.Dimensions.Width
diff --git a/d2renderers/d2sketch/testdata/class/sketch.exp.svg b/d2renderers/d2sketch/testdata/class/sketch.exp.svg
index 69bb477fa..8c30a5e75 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="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">
+</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="52.500000" style="text-anchor:middle;font-size:20px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="119.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="119.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="119.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="165.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="165.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="165.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;">int</text><text class="text-mono" x="10.000000" y="211.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="211.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="211.000000" style="text-anchor:end;font-size:16px;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="257.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="257.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="257.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;">Enum</text><text class="text-mono" x="10.000000" y="303.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="303.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="303.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;">Job[]</text><text class="text-mono" x="10.000000" y="349.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="349.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="349.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;">void</text></g></g><mask id="2786348887" 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 8ef9bc26b..71fe937c7 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="481" viewBox="-100 -102 1096 481"><style type="text/css">
+width="1096" height="475" viewBox="-100 -102 1096 475"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -808,12 +808,12 @@ width="1096" height="481" viewBox="-100 -102 1096 481"><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 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>
+</defs><g id="x" style='opacity:0.400000'><g class="shape" ><path class="shape" transform="translate(162 0)" 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 0)" 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 0)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="38.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="21.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 205)" 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 205)" 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 205)" width="54" height="66" /></g><text class="text-bold" x="189.000000" y="243.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 3)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 58.234072 L0.925556 61.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(683 3)" 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.544838 14.280396, 212.236374 24.459486, 212.390547 59.130645 M211.297677 -0.799274 C211.619784 15.243627, 210.643316 32.234803, 211.406876 60.352243 M211.928191 59.811822 C166.401573 63.510374, 118.501892 63.031181, 1.619092 59.644237 M210.168238 59.873280 C131.604972 60.658440, 53.066606 60.419106, 0.827814 60.036891 M-0.720604 59.718532 C0.389885 41.263060, -1.342548 25.762877, 0.591800 -1.206080 M0.217956 60.998223 C-1.514023 37.520085, -1.007969 15.447557, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(683 3)" d="M-1.600310 -0.578379 L212.045551 1.811030 L211.253697 28.234072 L0.925556 31.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(683 3)" 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.821871 7.755327, 212.513407 11.409347, 212.390547 29.130645 M211.297677 -0.799274 C211.430908 7.191755, 210.454439 16.131057, 211.406876 30.352243 M211.928191 29.811822 C166.401573 33.510374, 118.501892 33.031181, 1.619092 29.644237 M210.168238 29.873280 C131.604972 30.658440, 53.066606 30.419106, 0.827814 30.036891 M-0.720604 29.718532 C0.825325 19.867339, -0.907107 12.971437, 0.591800 -1.206080 M0.217956 30.998223 C-1.144891 18.433073, -0.638836 7.273533, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="703.000000" y="24.250000" style="text-anchor:start;font-size:20px;fill:#FFFFFF">users</text><text class="text" x="693.000000" y="52.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="796.000000" y="52.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="874.000000" y="52.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M683.755797 63.849798 C724.919041 63.271510, 766.908070 60.720631, 893.300335 63.345898 M682.428111 63.233280 C730.092687 62.111183, 776.486665 61.608937, 893.488319 63.663711" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(683 3)" width="211" height="60" /></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 66.340129 M187.000089 66.340129 C189.963884 121.280246, 190.163171 148.939876, 189.405312 202.357263 M185.269924 65.546535 C188.429286 122.679289, 187.378336 150.161496, 189.490419 199.533797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#3239428166)"/><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 201.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 201.500000) rotate(90)"/><text class="text-italic" x="189.000000" y="132.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="3239428166" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1096" height="475">
+<rect x="-100" y="-100" width="1096" height="475" fill="white"></rect>
+<rect x="0.000000" y="116.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 9f773e253..e639fe0d9 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="664" viewBox="-102 -102 1029 664"><style type="text/css">
+width="1029" height="604" viewBox="-102 -102 1029 604"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,40 +51,40 @@ width="1029" height="664" viewBox="-102 -102 1029 664"><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.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>
+</defs><g id="users"><g class="shape" ><path class="shape" transform="translate(0 0)" d="M-1.600310 -0.578379 L218.045551 1.811030 L217.253697 178.234072 L0.925556 181.532483" 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.536704 -1.749433 C216.436706 40.380673, 217.128242 76.660039, 218.390547 179.130645 M217.297677 -0.799274 C218.375289 47.451118, 217.398821 96.649784, 217.406876 180.352243 M217.917662 179.813957 C171.097233 183.574027, 121.930660 183.100270, 1.600726 179.648273 M216.177673 179.874717 C135.350375 180.662943, 54.547695 180.426324, 0.818424 180.036473 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(0 0)" d="M-1.600310 -0.578379 L218.045551 1.811030 L217.253697 28.234072 L0.925556 31.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.821871 7.755327, 218.513407 11.409347, 218.390547 29.130645 M217.297677 -0.799274 C217.430908 7.191755, 216.454439 16.131057, 217.406876 30.352243 M217.917662 29.813957 C171.097233 33.574027, 121.930660 33.100270, 1.600726 29.648273 M216.177673 29.874717 C135.350375 30.662943, 54.547695 30.426324, 0.818424 30.036473 M-0.720604 29.718532 C0.825325 19.867339, -0.907107 12.971437, 0.591800 -1.206080 M0.217956 30.998223 C-1.144891 18.433073, -0.638836 7.273533, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="20.000000" y="21.250000" style="text-anchor:start;font-size:20px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="49.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="119.000000" y="49.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="197.000000" y="49.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 60.840158 C43.122265 60.247233, 86.313725 57.725290, 216.308272 60.341974 M-0.565401 60.230634 C48.416404 59.076109, 96.142023 58.579561, 216.494123 60.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="79.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="119.000000" y="79.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="79.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 90.840158 C43.122265 90.247233, 86.313725 87.725290, 216.308272 90.341974 M-0.565401 90.230634 C48.416404 89.076109, 96.142023 88.579561, 216.494123 90.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="109.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="119.000000" y="109.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="109.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 120.840158 C43.122265 120.247233, 86.313725 117.725290, 216.308272 120.341974 M-0.565401 120.230634 C48.416404 119.076109, 96.142023 118.579561, 216.494123 120.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="139.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="119.000000" y="139.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="197.000000" y="139.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M0.747223 150.840158 C43.122265 150.247233, 86.313725 147.725290, 216.308272 150.341974 M-0.565401 150.230634 C48.416404 149.076109, 96.142023 148.579561, 216.494123 150.656183" style="fill:#0A0F25" /><text class="text" x="10.000000" y="169.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="119.000000" y="169.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="197.000000" y="169.000000" style="text-anchor:end;font-size:16px;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" /><rect class="sketch-overlay" transform="translate(0 0)" width="217" height="180" /></g></g><g id="products"><g class="shape" ><path class="shape" transform="translate(277 15)" d="M-1.600310 -0.578379 L165.045551 1.811030 L164.253697 148.234072 L0.925556 151.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(277 15)" 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.713739 33.855604, 164.405275 63.609901, 165.390547 149.130645 M164.297677 -0.799274 C165.186413 39.399245, 164.209944 80.546039, 164.406876 150.352243 M165.052801 149.786559 C129.660142 153.051741, 91.575834 152.508216, 1.836456 149.596476 M163.056573 149.856267 C102.262463 150.639244, 41.496595 150.367780, 0.938949 150.041844 M-0.720604 149.718532 C-0.916437 105.450221, -2.648870 64.137200, 0.591800 -1.206080 M0.217956 150.998223 C-2.621421 94.781121, -2.115367 39.969629, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(277 15)" d="M-1.600310 -0.578379 L165.045551 1.811030 L164.253697 28.234072 L0.925556 31.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(277 15)" 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.821871 7.755327, 165.513407 11.409347, 165.390547 29.130645 M164.297677 -0.799274 C164.430908 7.191755, 163.454439 16.131057, 164.406876 30.352243 M165.052801 29.786559 C129.660142 33.051741, 91.575834 32.508216, 1.836456 29.596476 M163.056573 29.856267 C102.262463 30.639244, 41.496595 30.367780, 0.938949 30.041844 M-0.720604 29.718532 C0.825325 19.867339, -0.907107 12.971437, 0.591800 -1.206080 M0.217956 30.998223 C-1.144891 18.433073, -0.638836 7.273533, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="297.000000" y="36.250000" style="text-anchor:start;font-size:20px;fill:#FFFFFF">products</text><text class="text" x="287.000000" y="64.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="355.000000" y="64.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="421.000000" y="64.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 75.963884 C309.480983 75.498458, 342.041350 72.605121, 440.206405 75.392335 M276.351334 75.264598 C313.741162 74.397671, 349.689812 73.827999, 440.419625 75.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="94.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">price</text>
+<text class="text" x="355.000000" y="94.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">decimal</text>
+<text class="text" x="421.000000" y="94.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 105.963884 C309.480983 105.498458, 342.041350 102.605121, 440.206405 105.392335 M276.351334 105.264598 C313.741162 104.397671, 349.689812 103.827999, 440.419625 105.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="124.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">sku</text>
+<text class="text" x="355.000000" y="124.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="421.000000" y="124.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 135.963884 C309.480983 135.498458, 342.041350 132.605121, 440.206405 135.392335 M276.351334 135.264598 C313.741162 134.397671, 349.689812 133.827999, 440.419625 135.752815" style="fill:#0A0F25" /><text class="text" x="287.000000" y="154.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="355.000000" y="154.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="421.000000" y="154.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M277.857263 165.963884 C309.480983 165.498458, 342.041350 162.605121, 440.206405 165.392335 M276.351334 165.264598 C313.741162 164.397671, 349.689812 163.827999, 440.419625 165.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(277 15)" width="164" height="150" /></g></g><g id="orders"><g class="shape" ><path class="shape" transform="translate(273 280)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 118.234072 L0.925556 121.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(273 280)" 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.990772 27.330534, 173.682308 50.559762, 174.390547 119.130645 M173.297677 -0.799274 C173.997537 31.347373, 173.021068 64.442293, 173.406876 120.352243 M174.052801 119.786559 C136.719089 123.229807, 96.693729 122.686283, 1.836456 119.596476 M172.056573 119.856267 C107.879249 120.659847, 43.730169 120.388382, 0.938949 120.041844 M-0.720604 119.718532 C-0.480996 84.054501, -2.213429 51.345759, 0.591800 -1.206080 M0.217956 120.998223 C-2.252288 75.694109, -1.746234 31.795605, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(273 280)" d="M-1.600310 -0.578379 L174.045551 1.811030 L173.253697 28.234072 L0.925556 31.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(273 280)" 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.821871 7.755327, 174.513407 11.409347, 174.390547 29.130645 M173.297677 -0.799274 C173.430908 7.191755, 172.454439 16.131057, 173.406876 30.352243 M174.052801 29.786559 C136.719089 33.229807, 96.693729 32.686283, 1.836456 29.596476 M172.056573 29.856267 C107.879249 30.659847, 43.730169 30.388382, 0.938949 30.041844 M-0.720604 29.718532 C0.825325 19.867339, -0.907107 12.971437, 0.591800 -1.206080 M0.217956 30.998223 C-1.144891 18.433073, -0.638836 7.273533, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="293.000000" y="301.250000" style="text-anchor:start;font-size:20px;fill:#FFFFFF">orders</text><text class="text" x="283.000000" y="329.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="404.000000" y="329.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="329.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 340.963884 C307.281023 340.461980, 341.641431 337.568643, 445.206405 340.392335 M272.351334 340.264598 C311.733329 339.319962, 349.674146 338.750290, 445.419625 340.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="359.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">user_id</text>
+<text class="text" x="404.000000" y="359.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="359.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 370.963884 C307.281023 370.461980, 341.641431 367.568643, 445.206405 370.392335 M272.351334 370.264598 C311.733329 369.319962, 349.674146 368.750290, 445.419625 370.752815" style="fill:#0A0F25" /><text class="text" x="283.000000" y="389.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">product_id</text>
+<text class="text" x="404.000000" y="389.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="426.000000" y="389.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M273.857263 400.963884 C307.281023 400.461980, 341.641431 397.568643, 445.206405 400.392335 M272.351334 400.264598 C311.733329 399.319962, 349.674146 398.750290, 445.419625 400.752815" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(273 280)" width="173" height="120" /></g></g><g id="shipments"><g class="shape" ><path class="shape" transform="translate(501 15)" d="M-1.600310 -0.578379 L325.045551 1.811030 L324.253697 148.234072 L0.925556 151.532483" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="shape" transform="translate(501 15)" 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.713739 33.855604, 324.405275 63.609901, 325.390547 149.130645 M324.297677 -0.799274 C325.186413 39.399245, 324.209944 80.546039, 324.406876 150.352243 M324.729897 149.852023 C254.836504 154.310445, 183.077015 153.933625, 1.273198 149.720240 M323.345931 149.900351 C202.143401 150.697113, 80.960452 150.508909, 0.650965 150.029010 M-0.720604 149.718532 C-0.916437 105.450221, -2.648870 64.137200, 0.591800 -1.206080 M0.217956 150.998223 C-2.621421 94.781121, -2.115367 39.969629, 0.440740 0.988030" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;" /><path class="class_header" transform="translate(501 15)" d="M-1.600310 -0.578379 L325.045551 1.811030 L324.253697 28.234072 L0.925556 31.532483" style="fill:#0A0F25" /><path class="class_header" transform="translate(501 15)" 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.821871 7.755327, 325.513407 11.409347, 325.390547 29.130645 M324.297677 -0.799274 C324.430908 7.191755, 323.454439 16.131057, 324.406876 30.352243 M324.729897 29.852023 C254.836504 34.310445, 183.077015 33.933625, 1.273198 29.720240 M323.345931 29.900351 C202.143401 30.697113, 80.960452 30.508909, 0.650965 30.029010 M-0.720604 29.718532 C0.825325 19.867339, -0.907107 12.971437, 0.591800 -1.206080 M0.217956 30.998223 C-1.144891 18.433073, -0.638836 7.273533, 0.440740 0.988030" style="fill:#0A0F25" /><text class="text" x="521.000000" y="36.250000" style="text-anchor:start;font-size:20px;fill:#FFFFFF">shipments</text><text class="text" x="511.000000" y="64.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="692.000000" y="64.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="805.000000" y="64.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 75.668252 C565.579774 74.895976, 630.214584 72.890053, 824.449808 75.272002 M500.550286 75.183443 C573.022681 73.624636, 644.495920 73.229687, 824.597631 75.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="94.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">order_id</text>
+<text class="text" x="692.000000" y="94.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="805.000000" y="94.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 105.668252 C565.579774 104.895976, 630.214584 102.890053, 824.449808 105.272002 M500.550286 105.183443 C573.022681 103.624636, 644.495920 103.229687, 824.597631 105.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="124.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="692.000000" y="124.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="805.000000" y="124.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;">PK</text><path d="M501.594332 135.668252 C565.579774 134.895976, 630.214584 132.890053, 824.449808 135.272002 M500.550286 135.183443 C573.022681 133.624636, 644.495920 133.229687, 824.597631 135.521920" style="fill:#0A0F25" /><text class="text" x="511.000000" y="154.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">status</text>
+<text class="text" x="692.000000" y="154.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="805.000000" y="154.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><path d="M501.594332 165.668252 C565.579774 164.895976, 630.214584 162.890053, 824.449808 165.272002 M500.550286 165.183443 C573.022681 163.624636, 644.495920 163.229687, 824.597631 165.521920" style="fill:#0A0F25" /><rect class="sketch-overlay" transform="translate(501 15)" width="324" height="150" /></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 182.340129 M106.500089 182.340129 C109.463884 219.680246, 142.463171 243.843070, 269.242867 301.264972 M104.769924 181.546535 C107.929286 221.079289, 139.678336 245.064690, 269.327974 298.441506" style="stroke:#0D32B2;stroke-width:2;" mask="url(#249044933)"/><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 184.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 184.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.837555 300.407709) rotate(23.707322966548126)"/> <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.837555 300.407709) rotate(23.707322966548126)"/></g><g id="(products &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M357.000089 167.340129 M357.000089 167.340129 C359.963884 216.680246, 360.163171 239.439876, 359.405312 276.857263 M355.269924 166.546535 C358.429286 218.079289, 357.378336 240.661496, 359.490419 274.033797" style="stroke:#0D32B2;stroke-width:2;" mask="url(#249044933)"/><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 169.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 169.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 276.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 276.000000) rotate(90)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path class="connection" fill="none" d="M661.000089 167.340129 M661.000089 167.340129 C663.963884 216.680246, 620.763171 245.239876, 450.163980 308.488900 M659.269924 166.546535 C662.429286 218.079289, 617.978336 246.461496, 450.249087 305.665434" style="stroke:#0D32B2;stroke-width:2;" mask="url(#249044933)"/><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 169.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 169.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.758668 307.631637) rotate(159.995696372329)"/> <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.758668 307.631637) rotate(159.995696372329)"/></g><mask id="249044933" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1029" height="604">
+<rect x="-100" y="-100" width="1029" height="604" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/regression_test.go b/e2etests/regression_test.go
index f40d9589b..ab5785511 100644
--- a/e2etests/regression_test.go
+++ b/e2etests/regression_test.go
@@ -1,10 +1,7 @@
 package e2etests
 
 import (
-	"math"
 	"testing"
-
-	"oss.terrastruct.com/d2/d2target"
 )
 
 func testRegression(t *testing.T) {
@@ -462,23 +459,12 @@ class2: class without rows {
 	shape: class
 }
 `,
-			assertions: func(t *testing.T, g *d2target.Diagram) {
-				if len(g.Shapes) != 2 {
-					t.Fatal("expected 2 shapes")
-				}
-				c1Height := float64(g.Shapes[0].Height)
-				c2Height := float64(g.Shapes[1].Height)
-				if math.Round(c1Height/2.) != c2Height {
-					t.Fatal("expected rowless class to be 1/2 height of class with 2 rows")
-				}
-			},
 		},
 		{
 			name: "just-width",
 			script: `x: "teamwork: having someone to blame" {
   width: 100
 }
-
 `,
 		},
 	}
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 8ba549b2c..ae5cad2dc 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": 319,
+      "width": 283,
       "height": 184,
       "opacity": 1,
       "strokeDash": 0,
@@ -48,8 +48,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 214,
-      "labelHeight": 31,
+      "labelWidth": 178,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -60,11 +60,11 @@
       "id": "class2",
       "type": "class",
       "pos": {
-        "x": 379,
-        "y": 46
+        "x": 343,
+        "y": 51
       },
-      "width": 362,
-      "height": 92,
+      "width": 319,
+      "height": 82,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -91,8 +91,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 257,
-      "labelHeight": 31,
+      "labelWidth": 214,
+      "labelHeight": 26,
       "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 e27a99065..e69b90472 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="945" height="388" viewBox="-102 -102 945 388"><style type="text/css">
+width="866" height="388" viewBox="-102 -102 866 388"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,12 +39,12 @@ width="945" height="388" viewBox="-102 -102 945 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="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>
+]]></script><g id="class1"><g class="shape" ><rect class="shape" x="0" y="0" width="283" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="283.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="141.500000" y="52.500000" 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="263.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>
+<text class="text-mono" x="263.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="283.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="343" y="51" width="319" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="343.000000" y="51.000000" width="319.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="502.500000" y="98.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="343.000000" y1="133.000000" x2="662.000000" y2="133.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="473792242" maskUnits="userSpaceOnUse" x="-100" y="-100" width="866" height="388">
+<rect x="-100" y="-100" width="866" 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 e2cad4326..6a32e3ff0 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": 319,
+      "width": 283,
       "height": 184,
       "opacity": 1,
       "strokeDash": 0,
@@ -48,8 +48,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 214,
-      "labelHeight": 31,
+      "labelWidth": 178,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -60,11 +60,11 @@
       "id": "class2",
       "type": "class",
       "pos": {
-        "x": 351,
-        "y": 58
+        "x": 315,
+        "y": 63
       },
-      "width": 362,
-      "height": 92,
+      "width": 319,
+      "height": 82,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -91,8 +91,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 257,
-      "labelHeight": 31,
+      "labelWidth": 214,
+      "labelHeight": 26,
       "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 58188b652..645bcca31 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="905" height="388" viewBox="-90 -90 905 388"><style type="text/css">
+width="826" height="388" viewBox="-90 -90 826 388"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,12 +39,12 @@ width="905" height="388" viewBox="-90 -90 905 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="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>
+]]></script><g id="class1"><g class="shape" ><rect class="shape" x="12" y="12" width="283" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="283.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="153.500000" y="64.500000" 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="275.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>
+<text class="text-mono" x="275.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="12.000000" y1="196.000000" x2="295.000000" y2="196.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="315" y="63" width="319" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="315.000000" y="63.000000" width="319.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="474.500000" y="110.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="315.000000" y1="145.000000" x2="634.000000" y2="145.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="2000416750" maskUnits="userSpaceOnUse" x="-100" y="-100" width="826" height="388">
+<rect x="-100" y="-100" width="826" 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 87d63c1cb..3738df7ee 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": 1082,
-      "height": 92,
+      "width": 918,
+      "height": 82,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -37,8 +37,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 977,
-      "labelHeight": 31,
+      "labelWidth": 813,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -49,11 +49,11 @@
       "id": "table",
       "type": "sql_table",
       "pos": {
-        "x": 341,
-        "y": 192
+        "x": 299,
+        "y": 182
       },
-      "width": 401,
-      "height": 36,
+      "width": 321,
+      "height": 31,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -80,8 +80,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 356,
-      "labelHeight": 31,
+      "labelWidth": 296,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -92,11 +92,11 @@
       "id": "table with short col",
       "type": "sql_table",
       "pos": {
-        "x": 341,
-        "y": 328
+        "x": 299,
+        "y": 313
       },
-      "width": 401,
-      "height": 72,
+      "width": 321,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -152,8 +152,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 356,
-      "labelHeight": 31,
+      "labelWidth": 296,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -188,20 +188,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 541,
-          "y": 92
+          "x": 459,
+          "y": 82
         },
         {
-          "x": 541,
-          "y": 132
+          "x": 459,
+          "y": 122
         },
         {
-          "x": 541,
-          "y": 152
+          "x": 459,
+          "y": 142
         },
         {
-          "x": 541,
-          "y": 192
+          "x": 459,
+          "y": 182
         }
       ],
       "isCurve": true,
@@ -236,20 +236,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 541,
-          "y": 228
+          "x": 459,
+          "y": 213
         },
         {
-          "x": 541,
-          "y": 268
+          "x": 459,
+          "y": 253
         },
         {
-          "x": 541,
-          "y": 288
+          "x": 459,
+          "y": 273
         },
         {
-          "x": 541,
-          "y": 328
+          "x": 459,
+          "y": 313
         }
       ],
       "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 e10f558fc..4d4ebee73 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="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css">
+width="1122" height="579" viewBox="-102 -102 1122 579"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-102 -102 1286 604"><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="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="341" y="192" width="401" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="341.000000" y="192.000000" width="401.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="341" y="328" width="401" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="341.000000" y="328.000000" width="401.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="351.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
-<text class="text" x="392.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
-<text class="text" x="722.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="341.000000" y1="400.000000" x2="742.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(#3555417327)"/></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(#3555417327)"/></g><mask id="3555417327" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
-<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="918" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="918.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="459.000000" y="47.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="82.000000" x2="918.000000" y2="82.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="299" y="182" width="321" height="31" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="299.000000" y="182.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="309.000000" y="204.000000" 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="299" y="313" width="321" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="299.000000" y="313.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="309.000000" y="335.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="309.000000" y="364.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
+<text class="text" x="350.000000" y="364.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="600.000000" y="364.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="299.000000" y1="375.000000" x2="620.000000" y2="375.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 459.000000 84.000000 C 459.000000 122.000000 459.000000 142.000000 459.000000 178.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2241312073)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 459.000000 215.000000 C 459.000000 253.000000 459.000000 273.000000 459.000000 309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2241312073)"/></g><mask id="2241312073" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1122" height="579">
+<rect x="-100" y="-100" width="1122" height="579" 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 3db3fa0cc..8cb6550e4 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": 1082,
-      "height": 92,
+      "width": 918,
+      "height": 82,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -37,8 +37,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 977,
-      "labelHeight": 31,
+      "labelWidth": 813,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -49,11 +49,11 @@
       "id": "table",
       "type": "sql_table",
       "pos": {
-        "x": 352,
-        "y": 204
+        "x": 310,
+        "y": 194
       },
-      "width": 401,
-      "height": 36,
+      "width": 321,
+      "height": 31,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -80,8 +80,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 356,
-      "labelHeight": 31,
+      "labelWidth": 296,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -92,11 +92,11 @@
       "id": "table with short col",
       "type": "sql_table",
       "pos": {
-        "x": 352,
-        "y": 340
+        "x": 310,
+        "y": 325
       },
-      "width": 401,
-      "height": 72,
+      "width": 321,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -152,8 +152,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 356,
-      "labelHeight": 31,
+      "labelWidth": 296,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -188,12 +188,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 553,
-          "y": 104
+          "x": 471,
+          "y": 94
         },
         {
-          "x": 553,
-          "y": 204
+          "x": 471,
+          "y": 194
         }
       ],
       "animated": false,
@@ -227,12 +227,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 553,
-          "y": 240
+          "x": 471,
+          "y": 225
         },
         {
-          "x": 553,
-          "y": 340
+          "x": 471,
+          "y": 325
         }
       ],
       "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 24683b96d..f77712beb 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="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css">
+width="1122" height="579" viewBox="-90 -90 1122 579"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-90 -90 1286 604"><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="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="352" y="204" width="401" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="352.000000" y="204.000000" width="401.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="352" y="340" width="401" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="352.000000" y="340.000000" width="401.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="362.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
-<text class="text" x="403.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
-<text class="text" x="733.000000" y="399.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="352.000000" y1="412.000000" x2="753.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(#484768099)"/></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(#484768099)"/></g><mask id="484768099" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
-<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="918" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="918.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="471.000000" y="59.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="94.000000" x2="930.000000" y2="94.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="310" y="194" width="321" height="31" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="310.000000" y="194.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="216.000000" 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="310" y="325" width="321" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="310.000000" y="325.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="347.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="320.000000" y="376.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
+<text class="text" x="361.000000" y="376.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="611.000000" y="376.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="310.000000" y1="387.000000" x2="631.000000" y2="387.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 471.000000 96.000000 L 471.000000 190.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4290109115)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 471.000000 227.000000 L 471.000000 321.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4290109115)"/></g><mask id="4290109115" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1122" height="579">
+<rect x="-100" y="-100" width="1122" height="579" 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 729381f3f..4239f049c 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": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -94,8 +94,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 206,
-      "labelHeight": 31,
+      "labelWidth": 172,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -110,7 +110,7 @@
         "y": 0
       },
       "width": 594,
-      "height": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -194,8 +194,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 345,
-      "labelHeight": 31,
+      "labelWidth": 287,
+      "labelHeight": 26,
       "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 01ecd2a46..4eb2ddb26 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="312" viewBox="-102 -102 1392 312"><style type="text/css">
+width="1392" height="297" viewBox="-102 -102 1392 297"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,16 +39,16 @@ width="1392" height="312" viewBox="-102 -102 1392 312"><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="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="20.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="614.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>
+]]></script><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="272.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="514.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="534.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="272.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="514.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="93.000000" x2="534.000000" y2="93.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="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="604.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="866.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1168.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="62.000000" x2="1188.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="866.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="1168.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="93.000000" x2="1188.000000" y2="93.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2007697201" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="297">
+<rect x="-100" y="-100" width="1392" height="297" 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 427528d8e..7369d268e 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": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -94,8 +94,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 206,
-      "labelHeight": 31,
+      "labelWidth": 172,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -110,7 +110,7 @@
         "y": 12
       },
       "width": 594,
-      "height": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -194,8 +194,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 345,
-      "labelHeight": 31,
+      "labelWidth": 287,
+      "labelHeight": 26,
       "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 28d2c6461..10c96dae3 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="312" viewBox="-90 -90 1352 312"><style type="text/css">
+width="1352" height="297" viewBox="-90 -90 1352 297"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,16 +39,16 @@ width="1352" height="312" viewBox="-90 -90 1352 312"><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="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="32.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="586.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>
+]]></script><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="284.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="526.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="546.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="284.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="526.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="105.000000" x2="546.000000" y2="105.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="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="576.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
+<text class="text" x="838.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1140.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="74.000000" x2="1160.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="576.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="838.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
+<text class="text" x="1140.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="566.000000" y1="105.000000" x2="1160.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2846431045" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1352" height="297">
+<rect x="-100" y="-100" width="1352" height="297" 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 bf03a5563..b82b0c11b 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
@@ -85,7 +85,7 @@
         "y": 468
       },
       "width": 208,
-      "height": 186,
+      "height": 156,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 113,
-        "y": 754
+        "y": 724
       },
       "width": 196,
       "height": 70,
@@ -378,19 +378,19 @@
       "route": [
         {
           "x": 211,
-          "y": 654
+          "y": 624
         },
         {
           "x": 211,
-          "y": 694
+          "y": 664
         },
         {
           "x": 211,
-          "y": 714
+          "y": 684
         },
         {
           "x": 211,
-          "y": 754
+          "y": 724
         }
       ],
       "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 e7dd3bdaf..a8cc438ee 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="1028" viewBox="-102 -102 626 1028"><style type="text/css">
+width="626" height="998" viewBox="-102 -102 626 998"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css">
 <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 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="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="218.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="295.000000" y="512.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="520.000000" x2="315.000000" y2="520.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="218.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="538.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="546.000000" x2="315.000000" y2="546.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="218.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="564.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="572.000000" x2="315.000000" y2="572.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="218.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="590.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="598.000000" x2="315.000000" y2="598.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="218.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="295.000000" y="616.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="624.000000" x2="315.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 724.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(#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>
+</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(#1613769514)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 626.000000 C 211.000000 664.000000 211.000000 684.000000 211.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1613769514)"/></g><mask id="1613769514" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="998">
+<rect x="-100" y="-100" width="626" height="998" 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 a57edc3e9..984136b6c 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
@@ -85,7 +85,7 @@
         "y": 480
       },
       "width": 208,
-      "height": 186,
+      "height": 156,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 125,
-        "y": 766
+        "y": 736
       },
       "width": 196,
       "height": 70,
@@ -369,11 +369,11 @@
       "route": [
         {
           "x": 223,
-          "y": 666
+          "y": 636
         },
         {
           "x": 223,
-          "y": 766
+          "y": 736
         }
       ],
       "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 3fa2cfa8d..1579f9201 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="1028" viewBox="-90 -90 626 1028"><style type="text/css">
+width="626" height="998" viewBox="-90 -90 626 998"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css">
 <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 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="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="230.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="307.000000" y="524.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="532.000000" x2="327.000000" y2="532.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="230.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="550.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="558.000000" x2="327.000000" y2="558.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="230.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="576.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="584.000000" x2="327.000000" y2="584.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="230.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="602.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="610.000000" x2="327.000000" y2="610.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="230.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="307.000000" y="628.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="636.000000" x2="327.000000" y2="636.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 736.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(#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>
+</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(#321376059)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 638.000000 L 223.000000 732.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#321376059)"/></g><mask id="321376059" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="998">
+<rect x="-100" y="-100" width="626" height="998" 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 760635ec3..871a1dee7 100644
--- a/e2etests/testdata/stable/class/dagre/board.exp.json
+++ b/e2etests/testdata/stable/class/dagre/board.exp.json
@@ -69,8 +69,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 170,
-      "labelHeight": 31,
+      "labelWidth": 142,
+      "labelHeight": 26,
       "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 611738861..510549ab8 100644
--- a/e2etests/testdata/stable/class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ 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="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>
+]]></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="52.500000" 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>
@@ -51,7 +51,7 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
 <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">
+<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="3760638368" 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 613fc70d2..d900e4415 100644
--- a/e2etests/testdata/stable/class/elk/board.exp.json
+++ b/e2etests/testdata/stable/class/elk/board.exp.json
@@ -69,8 +69,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 170,
-      "labelHeight": 31,
+      "labelWidth": 142,
+      "labelHeight": 26,
       "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 44530b6ae..bbed26e34 100644
--- a/e2etests/testdata/stable/class/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/elk/sketch.exp.svg
@@ -39,7 +39,7 @@ 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="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>
+]]></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="64.500000" 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>
@@ -51,7 +51,7 @@ width="626" height="572" viewBox="-90 -90 626 572"><style type="text/css">
 <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">
+<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="1563122472" 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 c4382dff5..7fcc038d1 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
@@ -130,8 +130,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 99,
-      "labelHeight": 31,
+      "labelWidth": 82,
+      "labelHeight": 26,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
@@ -811,10 +811,10 @@
       "type": "sql_table",
       "pos": {
         "x": 4823,
-        "y": 150
+        "y": 165
       },
       "width": 161,
-      "height": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -898,8 +898,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 53,
-      "labelHeight": 31,
+      "labelWidth": 44,
+      "labelHeight": 26,
       "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 b058b7eb3..2c9178443 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="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>
+]]></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="126.500000" 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="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="4843.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">
+</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="165" width="161" height="93" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="165.000000" width="161.000000" height="31.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="187.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="216.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="216.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="216.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="227.000000" x2="4984.000000" y2="227.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="247.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="247.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="247.500000" 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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/><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(#2703923538)"/><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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></g><mask id="2703923538" 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 c4382dff5..7fcc038d1 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
@@ -130,8 +130,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 99,
-      "labelHeight": 31,
+      "labelWidth": 82,
+      "labelHeight": 26,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
       "level": 1,
@@ -811,10 +811,10 @@
       "type": "sql_table",
       "pos": {
         "x": 4823,
-        "y": 150
+        "y": 165
       },
       "width": 161,
-      "height": 108,
+      "height": 93,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -898,8 +898,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 53,
-      "labelHeight": 31,
+      "labelWidth": 44,
+      "labelHeight": 26,
       "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 b058b7eb3..2c9178443 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="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>
+]]></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="126.500000" 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="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="4843.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">
+</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="165" width="161" height="93" style="fill:#FFFFFF;stroke:#EDF0FD;stroke-width:2;"/><rect class="class_header" x="4823.000000" y="165.000000" width="161.000000" height="31.000000" fill="#EDF0FD" /><text class="text" x="4833.000000" y="187.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="216.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="216.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="216.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="4823.000000" y1="227.000000" x2="4984.000000" y2="227.000000" style="stroke-width:2;stroke:#EDF0FD" /><text class="text" x="4833.000000" y="247.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="247.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="247.500000" 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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/><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(#2703923538)"/><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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></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(#2703923538)"/></g><mask id="2703923538" 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_column_styles/dagre/board.exp.json b/e2etests/testdata/stable/sql_table_column_styles/dagre/board.exp.json
index 1fb2f867c..22fbed6bd 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sql_table_column_styles/dagre/board.exp.json
@@ -87,7 +87,7 @@
         }
       ],
       "label": "Humor in the Court",
-      "fontSize": 20,
+      "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "Humor in the Court2",
-      "fontSize": 30,
+      "fontSize": 34,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -262,7 +262,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 20,
+      "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -337,7 +337,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 30,
+      "fontSize": 34,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg
index 5b362a921..c1ee76cc9 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg
@@ -39,39 +39,39 @@ width="3058" height="668" viewBox="-102 -102 3058 668"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="0" y="178" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="0.000000" y="178.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="10.000000" y="203.750000" style="text-anchor:start;font-size:24px;fill:lightgray">Humor in the Court</text><text class="text" x="10.000000" y="237.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">Could you see him from where you were standing?</text>
-<text class="text" x="448.000000" y="237.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">I could see his head.</text>
-<text class="text" x="658.000000" y="237.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="250.000000" x2="678.000000" y2="250.000000" style="stroke-width:2;stroke:red" /><text class="text" x="10.000000" y="273.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">And where was his head?</text>
-<text class="text" x="448.000000" y="273.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">Just above his shoulders.</text>
-<text class="text" x="658.000000" y="273.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="286.000000" x2="678.000000" y2="286.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="738" y="160" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="738.000000" y="160.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="748.000000" y="194.750000" style="text-anchor:start;font-size:34px;fill:lightgray">Humor in the Court2</text><text class="text" x="748.000000" y="239.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">Could you see him from where you were standing?</text>
-<text class="text" x="1395.000000" y="239.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">I could see his head.</text>
-<text class="text" x="1710.000000" y="239.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="256.000000" x2="1730.000000" y2="256.000000" style="stroke-width:2;stroke:red" /><text class="text" x="748.000000" y="287.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">And where was his head?</text>
-<text class="text" x="1395.000000" y="287.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">Just above his shoulders.</text>
-<text class="text" x="1710.000000" y="287.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="304.000000" x2="1730.000000" y2="304.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1790" y="48" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1790.000000" y="48.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="2001.000000" y="101.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1800.000000" y="168.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1820.000000" y="168.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="2192.000000" y="168.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="214.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1820.000000" y="214.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="2192.000000" y="214.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="260.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1820.000000" y="260.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="2192.000000" y="260.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1790.000000" y1="278.000000" x2="2212.000000" y2="278.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1800.000000" y="306.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1820.000000" y="306.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="2192.000000" y="306.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1800.000000" y="352.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1820.000000" y="352.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="2192.000000" y="352.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1800.000000" y="398.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1820.000000" y="398.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="2192.000000" y="398.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2272" y="0" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2272.000000" y="0.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2563.000000" y="68.750000" style="text-anchor:middle;font-size:34px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2282.000000" y="152.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2302.000000" y="152.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">num</text>
-<text class="text-mono" x="2834.000000" y="152.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="210.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2302.000000" y="210.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="2834.000000" y="210.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="268.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2302.000000" y="268.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="2834.000000" y="268.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3"></text><line x1="2272.000000" y1="290.000000" x2="2854.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2282.000000" y="326.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2302.000000" y="326.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="2834.000000" y="326.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2282.000000" y="384.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2302.000000" y="384.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="2834.000000" y="384.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2282.000000" y="442.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2302.000000" y="442.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="2834.000000" y="442.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">void</text></g></g><mask id="2735816647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3058" height="668">
+]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="0" y="178" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="0.000000" y="178.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="10.000000" y="203.750000" style="text-anchor:start;font-size:28px;fill:lightgray">Humor in the Court</text><text class="text" x="10.000000" y="238.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">Could you see him from where you were standing?</text>
+<text class="text" x="448.000000" y="238.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">I could see his head.</text>
+<text class="text" x="658.000000" y="238.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="250.000000" x2="678.000000" y2="250.000000" style="stroke-width:2;stroke:red" /><text class="text" x="10.000000" y="274.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">And where was his head?</text>
+<text class="text" x="448.000000" y="274.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">Just above his shoulders.</text>
+<text class="text" x="658.000000" y="274.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="286.000000" x2="678.000000" y2="286.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="738" y="160" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="738.000000" y="160.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="748.000000" y="194.750000" style="text-anchor:start;font-size:38px;fill:lightgray">Humor in the Court2</text><text class="text" x="748.000000" y="240.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">Could you see him from where you were standing?</text>
+<text class="text" x="1395.000000" y="240.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">I could see his head.</text>
+<text class="text" x="1710.000000" y="240.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="256.000000" x2="1730.000000" y2="256.000000" style="stroke-width:2;stroke:red" /><text class="text" x="748.000000" y="288.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">And where was his head?</text>
+<text class="text" x="1395.000000" y="288.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">Just above his shoulders.</text>
+<text class="text" x="1710.000000" y="288.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="304.000000" x2="1730.000000" y2="304.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1790" y="48" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1790.000000" y="48.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="2001.000000" y="101.750000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1800.000000" y="169.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1820.000000" y="169.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
+<text class="text-mono" x="2192.000000" y="169.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="215.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1820.000000" y="215.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="2192.000000" y="215.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="261.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1820.000000" y="261.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="2192.000000" y="261.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1790.000000" y1="278.000000" x2="2212.000000" y2="278.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1800.000000" y="307.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1820.000000" y="307.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="2192.000000" y="307.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1800.000000" y="353.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1820.000000" y="353.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="2192.000000" y="353.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1800.000000" y="399.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1820.000000" y="399.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="2192.000000" y="399.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2272" y="0" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2272.000000" y="0.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2563.000000" y="68.750000" style="text-anchor:middle;font-size:38px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2282.000000" y="153.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2302.000000" y="153.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">num</text>
+<text class="text-mono" x="2834.000000" y="153.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="211.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2302.000000" y="211.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="2834.000000" y="211.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="269.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2302.000000" y="269.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="2834.000000" y="269.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3"></text><line x1="2272.000000" y1="290.000000" x2="2854.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2282.000000" y="327.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2302.000000" y="327.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="2834.000000" y="327.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2282.000000" y="385.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2302.000000" y="385.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="2834.000000" y="385.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2282.000000" y="443.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2302.000000" y="443.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="2834.000000" y="443.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">void</text></g></g><mask id="906051127" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3058" height="668">
 <rect x="-100" y="-100" width="3058" height="668" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sql_table_column_styles/elk/board.exp.json b/e2etests/testdata/stable/sql_table_column_styles/elk/board.exp.json
index a3ac11503..6e67cebd7 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/elk/board.exp.json
+++ b/e2etests/testdata/stable/sql_table_column_styles/elk/board.exp.json
@@ -87,7 +87,7 @@
         }
       ],
       "label": "Humor in the Court",
-      "fontSize": 20,
+      "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "Humor in the Court2",
-      "fontSize": 30,
+      "fontSize": 34,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -262,7 +262,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 20,
+      "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -337,7 +337,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 30,
+      "fontSize": 34,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg
index 0473c7f13..977ce41fd 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg
@@ -39,39 +39,39 @@ width="2938" height="668" viewBox="-90 -90 2938 668"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="12" y="190" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="12.000000" y="190.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="22.000000" y="215.750000" style="text-anchor:start;font-size:24px;fill:lightgray">Humor in the Court</text><text class="text" x="22.000000" y="249.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">Could you see him from where you were standing?</text>
-<text class="text" x="460.000000" y="249.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">I could see his head.</text>
-<text class="text" x="670.000000" y="249.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="262.000000" x2="690.000000" y2="262.000000" style="stroke-width:2;stroke:red" /><text class="text" x="22.000000" y="285.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">And where was his head?</text>
-<text class="text" x="460.000000" y="285.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">Just above his shoulders.</text>
-<text class="text" x="670.000000" y="285.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="298.000000" x2="690.000000" y2="298.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="710" y="172" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="710.000000" y="172.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="720.000000" y="206.750000" style="text-anchor:start;font-size:34px;fill:lightgray">Humor in the Court2</text><text class="text" x="720.000000" y="251.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">Could you see him from where you were standing?</text>
-<text class="text" x="1367.000000" y="251.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">I could see his head.</text>
-<text class="text" x="1682.000000" y="251.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="268.000000" x2="1702.000000" y2="268.000000" style="stroke-width:2;stroke:red" /><text class="text" x="720.000000" y="299.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">And where was his head?</text>
-<text class="text" x="1367.000000" y="299.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">Just above his shoulders.</text>
-<text class="text" x="1682.000000" y="299.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="316.000000" x2="1702.000000" y2="316.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1722" y="60" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1722.000000" y="60.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="1933.000000" y="113.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1732.000000" y="180.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1752.000000" y="180.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="2124.000000" y="180.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="226.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1752.000000" y="226.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="2124.000000" y="226.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="272.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1752.000000" y="272.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="2124.000000" y="272.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1722.000000" y1="290.000000" x2="2144.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1732.000000" y="318.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1752.000000" y="318.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="2124.000000" y="318.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1732.000000" y="364.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1752.000000" y="364.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="2124.000000" y="364.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1732.000000" y="410.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1752.000000" y="410.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="2124.000000" y="410.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2164" y="12" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2164.000000" y="12.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2455.000000" y="80.750000" style="text-anchor:middle;font-size:34px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2174.000000" y="164.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2194.000000" y="164.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">num</text>
-<text class="text-mono" x="2726.000000" y="164.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="222.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2194.000000" y="222.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="2726.000000" y="222.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="280.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
-<text class="text-mono" x="2194.000000" y="280.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="2726.000000" y="280.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3"></text><line x1="2164.000000" y1="302.000000" x2="2746.000000" y2="302.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2174.000000" y="338.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2194.000000" y="338.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="2726.000000" y="338.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2174.000000" y="396.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2194.000000" y="396.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="2726.000000" y="396.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2174.000000" y="454.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
-<text class="text-mono" x="2194.000000" y="454.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="2726.000000" y="454.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">void</text></g></g><mask id="3459036879" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2938" height="668">
+]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="12" y="190" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="12.000000" y="190.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="22.000000" y="215.750000" style="text-anchor:start;font-size:28px;fill:lightgray">Humor in the Court</text><text class="text" x="22.000000" y="250.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">Could you see him from where you were standing?</text>
+<text class="text" x="460.000000" y="250.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">I could see his head.</text>
+<text class="text" x="670.000000" y="250.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="262.000000" x2="690.000000" y2="262.000000" style="stroke-width:2;stroke:red" /><text class="text" x="22.000000" y="286.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">And where was his head?</text>
+<text class="text" x="460.000000" y="286.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">Just above his shoulders.</text>
+<text class="text" x="670.000000" y="286.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="298.000000" x2="690.000000" y2="298.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="710" y="172" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="710.000000" y="172.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="720.000000" y="206.750000" style="text-anchor:start;font-size:38px;fill:lightgray">Humor in the Court2</text><text class="text" x="720.000000" y="252.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">Could you see him from where you were standing?</text>
+<text class="text" x="1367.000000" y="252.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">I could see his head.</text>
+<text class="text" x="1682.000000" y="252.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="268.000000" x2="1702.000000" y2="268.000000" style="stroke-width:2;stroke:red" /><text class="text" x="720.000000" y="300.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">And where was his head?</text>
+<text class="text" x="1367.000000" y="300.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">Just above his shoulders.</text>
+<text class="text" x="1682.000000" y="300.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="316.000000" x2="1702.000000" y2="316.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1722" y="60" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1722.000000" y="60.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="1933.000000" y="113.750000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1732.000000" y="181.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1752.000000" y="181.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
+<text class="text-mono" x="2124.000000" y="181.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="227.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1752.000000" y="227.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="2124.000000" y="227.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="273.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1752.000000" y="273.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="2124.000000" y="273.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1722.000000" y1="290.000000" x2="2144.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1732.000000" y="319.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1752.000000" y="319.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="2124.000000" y="319.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1732.000000" y="365.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1752.000000" y="365.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="2124.000000" y="365.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1732.000000" y="411.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1752.000000" y="411.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="2124.000000" y="411.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2164" y="12" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2164.000000" y="12.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2455.000000" y="80.750000" style="text-anchor:middle;font-size:38px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2174.000000" y="165.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2194.000000" y="165.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">num</text>
+<text class="text-mono" x="2726.000000" y="165.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="223.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2194.000000" y="223.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="2726.000000" y="223.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="281.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
+<text class="text-mono" x="2194.000000" y="281.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="2726.000000" y="281.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3"></text><line x1="2164.000000" y1="302.000000" x2="2746.000000" y2="302.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2174.000000" y="339.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2194.000000" y="339.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="2726.000000" y="339.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2174.000000" y="397.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2194.000000" y="397.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="2726.000000" y="397.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2174.000000" y="455.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
+<text class="text-mono" x="2194.000000" y="455.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="2726.000000" y="455.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">void</text></g></g><mask id="1149753287" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2938" height="668">
 <rect x="-100" y="-100" width="2938" height="668" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
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 025676721..136c78042 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": 72,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -66,8 +66,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 31,
+      "labelWidth": 10,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -79,10 +79,10 @@
       "type": "sql_table",
       "pos": {
         "x": 0,
-        "y": 172
+        "y": 162
       },
       "width": 60,
-      "height": 72,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -138,8 +138,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 11,
-      "labelHeight": 31,
+      "labelWidth": 10,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -175,19 +175,19 @@
       "route": [
         {
           "x": 30,
-          "y": 72
+          "y": 62
         },
         {
           "x": 30,
-          "y": 112
+          "y": 102
         },
         {
           "x": 30,
-          "y": 132
+          "y": 122
         },
         {
           "x": 30,
-          "y": 172
+          "y": 162
         }
       ],
       "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 e047853b3..d0211ffcc 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="464" viewBox="-102 -118 280 464"><style type="text/css">
+width="280" height="444" viewBox="-102 -118 280 444"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,9 +39,9 @@ width="280" height="464" viewBox="-102 -118 280 464"><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="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="20.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">
+]]></script><g id="x"><g class="shape" ><rect class="shape" x="0" y="0" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
+<text class="text" x="40.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="60.000000" y2="62.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="464" viewBox="-102 -118 280 464"><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="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="20.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>
+</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="0" y="162" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="162.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="184.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="213.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
+<text class="text" x="40.000000" y="213.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="213.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="224.000000" x2="60.000000" y2="224.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 64.000000 C 30.000000 102.000000 30.000000 122.000000 30.000000 158.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(#1731880649)"/></g><mask id="1731880649" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="444">
+<rect x="-100" y="-100" width="280" height="444" 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 b5362b14f..536f9b0dd 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": 72,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -66,8 +66,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 31,
+      "labelWidth": 10,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -79,10 +79,10 @@
       "type": "sql_table",
       "pos": {
         "x": 12,
-        "y": 184
+        "y": 174
       },
       "width": 60,
-      "height": 72,
+      "height": 62,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -138,8 +138,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 11,
-      "labelHeight": 31,
+      "labelWidth": 10,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -175,11 +175,11 @@
       "route": [
         {
           "x": 42,
-          "y": 84
+          "y": 74
         },
         {
           "x": 42,
-          "y": 184
+          "y": 174
         }
       ],
       "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 ed0e17b84..00028fc1f 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="464" viewBox="-90 -106 280 464"><style type="text/css">
+width="280" height="444" viewBox="-90 -106 280 444"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,9 +39,9 @@ width="280" height="464" viewBox="-90 -106 280 464"><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="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="32.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">
+]]></script><g id="x"><g class="shape" ><rect class="shape" x="12" y="12" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
+<text class="text" x="52.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="72.000000" y2="74.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="464" viewBox="-90 -106 280 464"><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="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="32.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>
+</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="12" y="174" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="174.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="196.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="225.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
+<text class="text" x="52.000000" y="225.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="225.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="236.000000" x2="72.000000" y2="236.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 76.000000 L 42.000000 170.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(#2849467790)"/></g><mask id="2849467790" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="444">
+<rect x="-100" y="-100" width="280" height="444" 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 764a21b77..b06153303 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": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -178,8 +178,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 56,
-      "labelHeight": 31,
+      "labelWidth": 47,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -191,10 +191,10 @@
       "type": "sql_table",
       "pos": {
         "x": 328,
-        "y": 18
+        "y": 16
       },
       "width": 164,
-      "height": 180,
+      "height": 155,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -334,8 +334,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 94,
-      "labelHeight": 31,
+      "labelWidth": 79,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -347,10 +347,10 @@
       "type": "sql_table",
       "pos": {
         "x": 328,
-        "y": 316
+        "y": 286
       },
       "width": 164,
-      "height": 144,
+      "height": 124,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -462,8 +462,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 31,
+      "labelWidth": 58,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -475,10 +475,10 @@
       "type": "sql_table",
       "pos": {
         "x": 552,
-        "y": 18
+        "y": 16
       },
       "width": 244,
-      "height": 180,
+      "height": 155,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -618,8 +618,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 111,
-      "labelHeight": 31,
+      "labelWidth": 93,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -655,19 +655,19 @@
       "route": [
         {
           "x": 134,
-          "y": 216
+          "y": 186
         },
         {
           "x": 134,
-          "y": 256
+          "y": 226
         },
         {
           "x": 172.8,
-          "y": 283.2
+          "y": 251.8
         },
         {
           "x": 328,
-          "y": 352
+          "y": 315
         }
       ],
       "isCurve": true,
@@ -703,19 +703,19 @@
       "route": [
         {
           "x": 410,
-          "y": 198
+          "y": 171.5
         },
         {
           "x": 410,
-          "y": 252.4
+          "y": 223.1
         },
         {
           "x": 410,
-          "y": 276
+          "y": 246
         },
         {
           "x": 410,
-          "y": 316
+          "y": 286
         }
       ],
       "isCurve": true,
@@ -751,19 +751,19 @@
       "route": [
         {
           "x": 674,
-          "y": 198
+          "y": 171.5
         },
         {
           "x": 674,
-          "y": 252.4
+          "y": 223.1
         },
         {
           "x": 637.6,
-          "y": 282.8
+          "y": 251.4
         },
         {
           "x": 492,
-          "y": 350
+          "y": 313
         }
       ],
       "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 ad024b8a0..f8a08b58a 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="664" viewBox="-102 -102 1000 664"><style type="text/css">
+width="1000" height="614" viewBox="-102 -102 1000 614"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,40 +39,40 @@ width="1000" height="664" viewBox="-102 -102 1000 664"><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="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="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="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="348.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="348.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="572.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>
+]]></script><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="268" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="268.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="248.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="268.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="93.000000" x2="268.000000" y2="93.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="113.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="113.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="113.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="124.000000" x2="268.000000" y2="124.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="144.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="144.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="144.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="155.000000" x2="268.000000" y2="155.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="175.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="175.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="248.000000" y="175.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="0.000000" y1="186.000000" x2="268.000000" y2="186.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="328" y="16" width="164" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="16.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="38.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="405.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="67.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="78.000000" x2="492.000000" y2="78.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
+<text class="text" x="405.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
+<text class="text" x="472.000000" y="98.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="109.000000" x2="492.000000" y2="109.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
+<text class="text" x="405.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="129.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="140.000000" x2="492.000000" y2="140.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="405.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="160.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="171.000000" x2="492.000000" y2="171.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="328" y="286" width="164" height="124" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="286.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="308.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="337.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="449.000000" y="337.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="337.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="348.000000" x2="492.000000" y2="348.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="368.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
+<text class="text" x="449.000000" y="368.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="368.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="379.000000" x2="492.000000" y2="379.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="399.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
+<text class="text" x="449.000000" y="399.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="399.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="410.000000" x2="492.000000" y2="410.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="552" y="16" width="244" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="552.000000" y="16.000000" width="244.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="562.000000" y="38.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="728.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="67.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="78.000000" x2="796.000000" y2="78.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
+<text class="text" x="728.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="98.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="109.000000" x2="796.000000" y2="109.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="728.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="129.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="140.000000" x2="796.000000" y2="140.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
+<text class="text" x="728.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="160.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="171.000000" x2="796.000000" y2="171.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 190.000000 C 134.000000 226.000000 172.800000 251.800000 324.295383 313.491419" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 410.000000 175.500000 C 410.000000 223.100000 410.000000 246.000000 410.000000 282.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 674.000000 175.500000 C 674.000000 223.100000 637.600000 251.400000 495.683869 311.441440" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><mask id="3115382824" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1000" height="614">
+<rect x="-100" y="-100" width="1000" height="614" 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 3451aadff..501c59565 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": 216,
+      "height": 186,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -178,8 +178,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 56,
-      "labelHeight": 31,
+      "labelWidth": 47,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -191,10 +191,10 @@
       "type": "sql_table",
       "pos": {
         "x": 300,
-        "y": 48
+        "y": 43
       },
       "width": 164,
-      "height": 180,
+      "height": 155,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -334,8 +334,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 94,
-      "labelHeight": 31,
+      "labelWidth": 79,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -347,10 +347,10 @@
       "type": "sql_table",
       "pos": {
         "x": 300,
-        "y": 328
+        "y": 298
       },
       "width": 164,
-      "height": 144,
+      "height": 124,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -462,8 +462,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 69,
-      "labelHeight": 31,
+      "labelWidth": 58,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -475,10 +475,10 @@
       "type": "sql_table",
       "pos": {
         "x": 484,
-        "y": 48
+        "y": 43
       },
       "width": 244,
-      "height": 180,
+      "height": 155,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -618,8 +618,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 111,
-      "labelHeight": 31,
+      "labelWidth": 93,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -655,19 +655,19 @@
       "route": [
         {
           "x": 146,
-          "y": 228
+          "y": 198
         },
         {
           "x": 146,
-          "y": 278
+          "y": 248
         },
         {
           "x": 341,
-          "y": 278
+          "y": 248
         },
         {
           "x": 341,
-          "y": 328
+          "y": 298
         }
       ],
       "animated": false,
@@ -702,11 +702,11 @@
       "route": [
         {
           "x": 382,
-          "y": 228
+          "y": 198
         },
         {
           "x": 382,
-          "y": 328
+          "y": 298
         }
       ],
       "animated": false,
@@ -741,19 +741,19 @@
       "route": [
         {
           "x": 606,
-          "y": 228
+          "y": 198
         },
         {
           "x": 606,
-          "y": 278
+          "y": 248
         },
         {
           "x": 423,
-          "y": 278
+          "y": 248
         },
         {
           "x": 423,
-          "y": 328
+          "y": 298
         }
       ],
       "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 db51d0902..83183ef8a 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="664" viewBox="-90 -90 920 664"><style type="text/css">
+width="920" height="614" viewBox="-90 -90 920 614"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,40 +39,40 @@ width="920" height="664" viewBox="-90 -90 920 664"><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="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="32.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="320.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="320.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="504.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>
+]]></script><g id="users"><g class="shape" ><rect class="shape" x="12" y="12" width="268" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="268.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="260.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="280.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="105.000000" x2="280.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="136.000000" x2="280.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="167.000000" x2="280.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="260.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="12.000000" y1="198.000000" x2="280.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="300" y="43" width="164" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="43.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="65.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="377.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="105.000000" x2="464.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
+<text class="text" x="377.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
+<text class="text" x="444.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="136.000000" x2="464.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
+<text class="text" x="377.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="167.000000" x2="464.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="377.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="198.000000" x2="464.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="300" y="298" width="164" height="124" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="298.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="320.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="349.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="421.000000" y="349.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="349.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="360.000000" x2="464.000000" y2="360.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="380.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
+<text class="text" x="421.000000" y="380.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="380.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="391.000000" x2="464.000000" y2="391.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="411.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
+<text class="text" x="421.000000" y="411.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="411.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="422.000000" x2="464.000000" y2="422.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="484" y="43" width="244" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="484.000000" y="43.000000" width="244.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="494.000000" y="65.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="660.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="105.000000" x2="728.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
+<text class="text" x="660.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="136.000000" x2="728.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="660.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="167.000000" x2="728.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
+<text class="text" x="660.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="198.000000" x2="728.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 146.000000 202.000000 L 146.000000 238.000000 S 146.000000 248.000000 156.000000 248.000000 L 331.000000 248.000000 S 341.000000 248.000000 341.000000 258.000000 L 341.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 382.000000 202.000000 L 382.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 606.000000 202.000000 L 606.000000 238.000000 S 606.000000 248.000000 596.000000 248.000000 L 433.000000 248.000000 S 423.000000 248.000000 423.000000 258.000000 L 423.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><mask id="281893068" maskUnits="userSpaceOnUse" x="-100" y="-100" width="920" height="614">
+<rect x="-100" y="-100" width="920" height="614" 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 091f97470..d2fda8637 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "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 42f700f98..621cc4cad 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
@@ -63,7 +63,7 @@ width="626" height="2752" viewBox="-102 -102 626 2752"><style type="text/css">
 <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(#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">
+</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(#888894335)"/></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(#888894335)"/></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(#888894335)"/></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(#888894335)"/></g><mask id="888894335" 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 4971f0d23..19d4bd8ae 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "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 f3ac46308..f67c19fa0 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
@@ -63,7 +63,7 @@ width="626" height="2752" viewBox="-90 -90 626 2752"><style type="text/css">
 <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(#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">
+</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(#2946768308)"/></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(#2946768308)"/></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(#2946768308)"/></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(#2946768308)"/></g><mask id="2946768308" 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 e63619c90..d0dd4f131 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
@@ -85,7 +85,7 @@
         "y": 468
       },
       "width": 512,
-      "height": 186,
+      "height": 156,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 0,
-        "y": 754
+        "y": 724
       },
       "width": 512,
       "height": 65,
@@ -306,7 +306,7 @@
       "type": "package",
       "pos": {
         "x": 0,
-        "y": 919
+        "y": 889
       },
       "width": 512,
       "height": 100,
@@ -346,7 +346,7 @@
       "type": "rectangle",
       "pos": {
         "x": 206,
-        "y": 1119
+        "y": 1089
       },
       "width": 100,
       "height": 100,
@@ -458,19 +458,19 @@
       "route": [
         {
           "x": 256,
-          "y": 654
+          "y": 624
         },
         {
           "x": 256,
-          "y": 694
+          "y": 664
         },
         {
           "x": 256,
-          "y": 714
+          "y": 684
         },
         {
           "x": 256,
-          "y": 754
+          "y": 724
         }
       ],
       "isCurve": true,
@@ -506,19 +506,19 @@
       "route": [
         {
           "x": 256,
-          "y": 819
+          "y": 789
         },
         {
           "x": 256,
-          "y": 859
+          "y": 829
         },
         {
           "x": 256,
-          "y": 883
+          "y": 853
         },
         {
           "x": 256,
-          "y": 939
+          "y": 909
         }
       ],
       "isCurve": true,
@@ -554,19 +554,19 @@
       "route": [
         {
           "x": 256,
-          "y": 1019
+          "y": 989
         },
         {
           "x": 256,
-          "y": 1059
+          "y": 1029
         },
         {
           "x": 256,
-          "y": 1079
+          "y": 1049
         },
         {
           "x": 256,
-          "y": 1119
+          "y": 1089
         }
       ],
       "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 a6f61a566..accd244fc 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="1423" viewBox="-102 -102 716 1423"><style type="text/css">
+width="716" height="1393" viewBox="-102 -102 716 1393"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,20 +51,20 @@ width="716" height="1423" viewBox="-102 -102 716 1423"><style type="text/css">
 <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 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="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="468.000000" width="512.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="492.000000" y="512.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="520.000000" x2="512.000000" y2="520.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="538.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="546.000000" x2="512.000000" y2="546.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="564.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="572.000000" x2="512.000000" y2="572.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="590.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="598.000000" x2="512.000000" y2="598.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="492.000000" y="616.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="624.000000" x2="512.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(0.000000 724.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 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>
+</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 889 L 150 889 L 150 909 L 512 909 L 512 989 L 0 989 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="206" y="1089" 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(#400515219)"/></g><g id="(users -&gt; code)[0]"><path d="M 256.000000 626.000000 C 256.000000 664.000000 256.000000 684.000000 256.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><g id="(code -&gt; package)[0]"><path d="M 256.000000 791.000000 C 256.000000 829.000000 256.000000 853.000000 256.000000 905.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><g id="(package -&gt; no width)[0]"><path d="M 256.000000 991.000000 C 256.000000 1029.000000 256.000000 1049.000000 256.000000 1085.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><mask id="400515219" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1393">
+<rect x="-100" y="-100" width="716" height="1393" 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 787186641..4b6b6de8d 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
@@ -85,7 +85,7 @@
         "y": 480
       },
       "width": 512,
-      "height": 186,
+      "height": 156,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -253,8 +253,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 59,
-      "labelHeight": 31,
+      "labelWidth": 49,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -266,7 +266,7 @@
       "type": "code",
       "pos": {
         "x": 12,
-        "y": 766
+        "y": 736
       },
       "width": 512,
       "height": 65,
@@ -306,7 +306,7 @@
       "type": "package",
       "pos": {
         "x": 12,
-        "y": 931
+        "y": 901
       },
       "width": 512,
       "height": 100,
@@ -346,7 +346,7 @@
       "type": "rectangle",
       "pos": {
         "x": 218,
-        "y": 1131
+        "y": 1101
       },
       "width": 100,
       "height": 100,
@@ -449,11 +449,11 @@
       "route": [
         {
           "x": 268,
-          "y": 666
+          "y": 636
         },
         {
           "x": 268,
-          "y": 766
+          "y": 736
         }
       ],
       "animated": false,
@@ -488,11 +488,11 @@
       "route": [
         {
           "x": 268,
-          "y": 831
+          "y": 801
         },
         {
           "x": 268,
-          "y": 951
+          "y": 921
         }
       ],
       "animated": false,
@@ -527,11 +527,11 @@
       "route": [
         {
           "x": 268,
-          "y": 1031
+          "y": 1001
         },
         {
           "x": 268,
-          "y": 1131
+          "y": 1101
         }
       ],
       "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 6e8544edf..182e50838 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="1423" viewBox="-90 -90 716 1423"><style type="text/css">
+width="716" height="1393" viewBox="-90 -90 716 1393"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -51,20 +51,20 @@ width="716" height="1423" viewBox="-90 -90 716 1423"><style type="text/css">
 <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 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="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="480.000000" width="512.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
+<text class="text" x="504.000000" y="524.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="532.000000" x2="524.000000" y2="532.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="550.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="558.000000" x2="524.000000" y2="558.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="576.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="584.000000" x2="524.000000" y2="584.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="602.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="610.000000" x2="524.000000" y2="610.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
+<text class="text" x="504.000000" y="628.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="636.000000" x2="524.000000" y2="636.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(12.000000 736.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 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>
+</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 901 L 162 901 L 162 921 L 524 921 L 524 1001 L 12 1001 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="218" y="1101" 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(#3593326473)"/></g><g id="(users -&gt; code)[0]"><path d="M 268.000000 638.000000 L 268.000000 732.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><g id="(code -&gt; package)[0]"><path d="M 268.000000 803.000000 L 268.000000 917.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><g id="(package -&gt; no width)[0]"><path d="M 268.000000 1003.000000 L 268.000000 1097.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><mask id="3593326473" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1393">
+<rect x="-100" y="-100" width="716" height="1393" 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 3582b4b80..04cc6aedd 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
@@ -520,8 +520,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 70,
-      "labelHeight": 31,
+      "labelWidth": 58,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -704,8 +704,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 56,
-      "labelHeight": 31,
+      "labelWidth": 47,
+      "labelHeight": 26,
       "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 d806caff2..663cbd885 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,7 +796,7 @@ 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="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>
+</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="812.500000" 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>
@@ -808,7 +808,7 @@ width="2482" height="2672" viewBox="-102 -102 2482 2672"><style type="text/css">
 <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="1038.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-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="2107.833333" 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>
@@ -823,7 +823,7 @@ width="2482" height="2672" viewBox="-102 -102 2482 2672"><style type="text/css">
 </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(#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">
+</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(#3718652620)"/></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(#3718652620)"/></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(#3718652620)"/></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(#3718652620)"/></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(#3718652620)"/></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(#3718652620)"/></g><mask id="3718652620" 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 4a7e59669..cc0e8c72e 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
@@ -520,8 +520,8 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 70,
-      "labelHeight": 31,
+      "labelWidth": 58,
+      "labelHeight": 26,
       "zIndex": 0,
       "level": 1,
       "primaryAccentColor": "#0D32B2",
@@ -704,8 +704,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 56,
-      "labelHeight": 31,
+      "labelWidth": 47,
+      "labelHeight": 26,
       "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 5d9d644b3..818c42451 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,7 +796,7 @@ 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="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>
+</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="796.500000" 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>
@@ -808,7 +808,7 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
 <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="1230.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-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="2091.833333" 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>
@@ -823,7 +823,7 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
 </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(#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">
+</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(#4198495199)"/></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(#4198495199)"/></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(#4198495199)"/></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(#4198495199)"/></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(#4198495199)"/></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(#4198495199)"/></g><mask id="4198495199" 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[