From 812957bf232e7f97ec13d02ba9064dba9b38f668 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Mon, 6 Feb 2023 01:15:18 -0800
Subject: [PATCH] Tests, changleog

---
 ci/release/changelogs/next.md                 |  2 +
 d2exporter/export.go                          |  3 +
 .../measured/empty-class/dagre/board.exp.json |  2 +-
 .../measured/empty-class/dagre/sketch.exp.svg |  2 +-
 .../empty-sql_table/dagre/board.exp.json      |  2 +-
 .../empty-sql_table/dagre/sketch.exp.svg      |  2 +-
 .../empty_class_height/dagre/board.exp.json   |  4 +-
 .../empty_class_height/dagre/sketch.exp.svg   | 10 +--
 .../empty_class_height/elk/board.exp.json     |  4 +-
 .../empty_class_height/elk/sketch.exp.svg     | 10 +--
 .../dagre/board.exp.json                      |  6 +-
 .../dagre/sketch.exp.svg                      |  6 +-
 .../elk/board.exp.json                        |  6 +-
 .../elk/sketch.exp.svg                        |  6 +-
 .../sql_table_overflow/dagre/board.exp.json   |  4 +-
 .../sql_table_overflow/dagre/sketch.exp.svg   | 18 ++---
 .../sql_table_overflow/elk/board.exp.json     |  4 +-
 .../sql_table_overflow/elk/sketch.exp.svg     | 18 ++---
 .../dagre/board.exp.json                      |  4 +-
 .../dagre/sketch.exp.svg                      | 48 +++++++-------
 .../elk/board.exp.json                        |  4 +-
 .../elk/sketch.exp.svg                        | 48 +++++++-------
 .../stable/class/dagre/board.exp.json         |  2 +-
 .../stable/class/dagre/sketch.exp.svg         | 26 ++++----
 .../testdata/stable/class/elk/board.exp.json  |  2 +-
 .../testdata/stable/class/elk/sketch.exp.svg  | 26 ++++----
 .../dagre/board.exp.json                      |  4 +-
 .../dagre/sketch.exp.svg                      | 20 +++---
 .../elk/board.exp.json                        |  4 +-
 .../elk/sketch.exp.svg                        | 20 +++---
 .../dagre/board.exp.json                      |  8 +--
 .../dagre/sketch.exp.svg                      | 66 +++++++++----------
 .../elk/board.exp.json                        |  8 +--
 .../elk/sketch.exp.svg                        | 66 +++++++++----------
 .../dagre/board.exp.json                      |  4 +-
 .../dagre/sketch.exp.svg                      | 12 ++--
 .../elk/board.exp.json                        |  4 +-
 .../elk/sketch.exp.svg                        | 12 ++--
 .../stable/sql_tables/dagre/board.exp.json    |  8 +--
 .../stable/sql_tables/dagre/sketch.exp.svg    | 66 +++++++++----------
 .../stable/sql_tables/elk/board.exp.json      |  8 +--
 .../stable/sql_tables/elk/sketch.exp.svg      | 66 +++++++++----------
 .../unnamed_only_height/dagre/board.exp.json  |  4 +-
 .../unnamed_only_height/dagre/sketch.exp.svg  | 48 +++++++-------
 .../unnamed_only_height/elk/board.exp.json    |  4 +-
 .../unnamed_only_height/elk/sketch.exp.svg    | 48 +++++++-------
 .../unnamed_only_width/dagre/board.exp.json   |  4 +-
 .../unnamed_only_width/dagre/sketch.exp.svg   | 48 +++++++-------
 .../unnamed_only_width/elk/board.exp.json     |  4 +-
 .../unnamed_only_width/elk/sketch.exp.svg     | 48 +++++++-------
 .../dagre/board.exp.json                      |  4 +-
 .../dagre/sketch.exp.svg                      | 48 +++++++-------
 .../shape_set_width_height/elk/board.exp.json |  4 +-
 .../shape_set_width_height/elk/sketch.exp.svg | 48 +++++++-------
 54 files changed, 481 insertions(+), 476 deletions(-)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index 767ebf9ed..538deb296 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -7,6 +7,8 @@
 
 - `d2 fmt` accepts multiple files to be formatted [#718](https://github.com/terrastruct/d2/issues/718)
 
+- `font-size` works for `sql_table` and `class` shapes [#769](https://github.com/terrastruct/d2/issues/769)
+
 - You can now use the reserved keywords `layers`/`scenarios`/`steps` to define diagrams
   with multiple levels of abstractions. [#714](https://github.com/terrastruct/d2/pull/714)
   Docs to come soon
diff --git a/d2exporter/export.go b/d2exporter/export.go
index 2a34ed64a..5a57f0881 100644
--- a/d2exporter/export.go
+++ b/d2exporter/export.go
@@ -135,8 +135,11 @@ 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/e2etests/testdata/measured/empty-class/dagre/board.exp.json b/e2etests/testdata/measured/empty-class/dagre/board.exp.json
index 43926e6d3..8306771ac 100644
--- a/e2etests/testdata/measured/empty-class/dagre/board.exp.json
+++ b/e2etests/testdata/measured/empty-class/dagre/board.exp.json
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
index 6927edd4b..a18febc0f 100644
--- a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="316" height="248" viewBox="-102 -102 316 248"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="112" height="44" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" /><line x1="0.000000" y1="44.000000" x2="112.000000" y2="44.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="2019199647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="316" height="248">
+]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="112" height="44" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" /><line x1="0.000000" y1="44.000000" x2="112.000000" y2="44.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="782716398" maskUnits="userSpaceOnUse" x="-100" y="-100" width="316" height="248">
 <rect x="-100" y="-100" width="316" height="248" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[]]></style></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json b/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
index 296451a21..f6fec0464 100644
--- a/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
+++ b/e2etests/testdata/measured/empty-sql_table/dagre/board.exp.json
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
index 53a789b51..4d951fc2d 100644
--- a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
@@ -39,7 +39,7 @@ width="254" height="216" viewBox="-102 -102 254 216"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="50" height="12" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" /></g></g><mask id="1023975809" maskUnits="userSpaceOnUse" x="-100" y="-100" width="254" height="216">
+]]></script><g id="a"><g class="shape" ><rect class="shape" x="0" y="0" width="50" height="12" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" /></g></g><mask id="1284081062" maskUnits="userSpaceOnUse" x="-100" y="-100" width="254" height="216">
 <rect x="-100" y="-100" width="254" height="216" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[]]></style></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json b/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
index ae5cad2dc..2f0ed2f93 100644
--- a/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
+++ b/e2etests/testdata/regression/empty_class_height/dagre/board.exp.json
@@ -41,7 +41,7 @@
       "methods": null,
       "columns": null,
       "label": "class with rows",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -84,7 +84,7 @@
       "methods": null,
       "columns": null,
       "label": "class without rows",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 e69b90472..e62d41570 100644
--- a/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
@@ -39,11 +39,11 @@ width="866" height="388" viewBox="-102 -102 866 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="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="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="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">
+]]></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:20px;fill:#FFFFFF">class with rows</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="263.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="263.000000" y="165.000000" style="text-anchor:end;font-size:16px;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:20px;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="2417789134" 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[
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 6a32e3ff0..cd2cbfe0b 100644
--- a/e2etests/testdata/regression/empty_class_height/elk/board.exp.json
+++ b/e2etests/testdata/regression/empty_class_height/elk/board.exp.json
@@ -41,7 +41,7 @@
       "methods": null,
       "columns": null,
       "label": "class with rows",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -84,7 +84,7 @@
       "methods": null,
       "columns": null,
       "label": "class without rows",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 645bcca31..68b17f9c6 100644
--- a/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
@@ -39,11 +39,11 @@ width="826" height="388" viewBox="-90 -90 826 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="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="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="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">
+]]></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:20px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="22.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="275.000000" y="131.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="275.000000" y="177.000000" style="text-anchor:end;font-size:16px;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:20px;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="2670807458" 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[
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 3738df7ee..54f61b615 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
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -73,7 +73,7 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -145,7 +145,7 @@
         }
       ],
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 4d4ebee73..f6d5c2090 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
@@ -39,9 +39,9 @@ width="1122" height="579" viewBox="-102 -102 1122 579"><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="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">
+]]></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:20px;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:20px;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:20px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="309.000000" y="363.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">ok</text>
+<text class="text" x="350.000000" y="363.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="600.000000" y="363.500000" style="text-anchor:end;font-size:16px;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(#1723563930)"/></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(#1723563930)"/></g><mask id="1723563930" 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[
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 8cb6550e4..92ed68afb 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
@@ -30,7 +30,7 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -73,7 +73,7 @@
       "methods": null,
       "columns": null,
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -145,7 +145,7 @@
         }
       ],
       "label": "RefreshAuthorizationPolicyCache",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 f77712beb..4c595efca 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
@@ -39,9 +39,9 @@ width="1122" height="579" viewBox="-90 -90 1122 579"><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="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">
+]]></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:20px;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:20px;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:20px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="320.000000" y="375.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">ok</text>
+<text class="text" x="361.000000" y="375.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="611.000000" y="375.500000" style="text-anchor:end;font-size:16px;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(#3235019360)"/></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(#3235019360)"/></g><mask id="3235019360" 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[
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 4239f049c..39c5ff945 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
@@ -87,7 +87,7 @@
         }
       ],
       "label": "sql_table_overflow",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "sql_table_constrained_overflow",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 4eb2ddb26..617e953b9 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
@@ -39,15 +39,15 @@ width="1392" height="297" viewBox="-102 -102 1392 297"><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="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">
+]]></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:20px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">short</text>
+<text class="text" x="272.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="514.000000" y="50.500000" style="text-anchor:end;font-size:16px;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="81.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="272.000000" y="81.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">short</text>
+<text class="text" x="514.000000" y="81.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">short</text>
+<text class="text" x="866.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1168.000000" y="50.500000" style="text-anchor:end;font-size:16px;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="81.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="866.000000" y="81.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">short</text>
+<text class="text" x="1168.000000" y="81.500000" style="text-anchor:end;font-size:16px;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="1260011639" 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[
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 7369d268e..59b0d4025 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
@@ -87,7 +87,7 @@
         }
       ],
       "label": "sql_table_overflow",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "sql_table_constrained_overflow",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 10c96dae3..64682de9c 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
@@ -39,15 +39,15 @@ width="1352" height="297" viewBox="-90 -90 1352 297"><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="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">
+]]></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:20px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">short</text>
+<text class="text" x="284.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="526.000000" y="62.500000" style="text-anchor:end;font-size:16px;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="93.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="284.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">short</text>
+<text class="text" x="526.000000" y="93.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">short</text>
+<text class="text" x="838.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">loooooooooooooooooooong</text>
+<text class="text" x="1140.000000" y="62.500000" style="text-anchor:end;font-size:16px;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="93.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">loooooooooooooooooooong</text>
+<text class="text" x="838.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">short</text>
+<text class="text" x="1140.000000" y="93.500000" style="text-anchor:end;font-size:16px;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="3564871981" 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[
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 b82b0c11b..6dfa7d639 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json
+++ b/e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 a8cc438ee..35650ef46 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
@@ -39,31 +39,31 @@ width="626" height="998" viewBox="-102 -102 626 998"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="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>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="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><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="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><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="511.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="218.000000" y="511.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="295.000000" y="511.000000" style="text-anchor:end;font-size:16px;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="537.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="218.000000" y="537.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="537.000000" style="text-anchor:end;font-size:16px;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="563.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="218.000000" y="563.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="563.000000" style="text-anchor:end;font-size:16px;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="589.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="218.000000" y="589.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="589.000000" style="text-anchor:end;font-size:16px;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="615.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="218.000000" y="615.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="295.000000" y="615.000000" style="text-anchor:end;font-size:16px;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(#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">
+</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(#64160202)"/></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(#64160202)"/></g><mask id="64160202" 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[
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 984136b6c..6333b55c5 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json
+++ b/e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 1579f9201..3b788a234 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
@@ -39,31 +39,31 @@ width="626" height="998" viewBox="-90 -90 626 998"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="414.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="414.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="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>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="131.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="177.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="223.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="269.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="315.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="361.000000" style="text-anchor:end;font-size:16px;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="523.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="230.000000" y="523.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="307.000000" y="523.000000" style="text-anchor:end;font-size:16px;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="549.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="230.000000" y="549.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="549.000000" style="text-anchor:end;font-size:16px;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="575.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="230.000000" y="575.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="575.000000" style="text-anchor:end;font-size:16px;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="601.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="230.000000" y="601.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="601.000000" style="text-anchor:end;font-size:16px;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="627.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="230.000000" y="627.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="307.000000" y="627.000000" style="text-anchor:end;font-size:16px;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(#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">
+</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(#2529926167)"/></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(#2529926167)"/></g><mask id="2529926167" 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[
diff --git a/e2etests/testdata/stable/class/dagre/board.exp.json b/e2etests/testdata/stable/class/dagre/board.exp.json
index 871a1dee7..6f4b3db03 100644
--- a/e2etests/testdata/stable/class/dagre/board.exp.json
+++ b/e2etests/testdata/stable/class/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/class/dagre/sketch.exp.svg b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
index 510549ab8..b9df0e9d0 100644
--- a/e2etests/testdata/stable/class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
@@ -39,19 +39,19 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="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>
-<text class="text-mono" x="402.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="3760638368" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
+]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="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><line x1="0.000000" y1="230.000000" x2="422.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="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/e2etests/testdata/stable/class/elk/board.exp.json b/e2etests/testdata/stable/class/elk/board.exp.json
index d900e4415..b5f3e54c3 100644
--- a/e2etests/testdata/stable/class/elk/board.exp.json
+++ b/e2etests/testdata/stable/class/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/class/elk/sketch.exp.svg b/e2etests/testdata/stable/class/elk/sketch.exp.svg
index bbed26e34..7d58dd0c0 100644
--- a/e2etests/testdata/stable/class/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/elk/sketch.exp.svg
@@ -39,19 +39,19 @@ width="626" height="572" viewBox="-90 -90 626 572"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="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>
-<text class="text-mono" x="414.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="1563122472" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
+]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="64.500000" style="text-anchor:middle;font-size:20px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="22.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="131.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="177.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="223.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="434.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="269.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="315.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="361.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">void</text></g></g><mask id="260210591" 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 7fcc038d1..2eaa84910 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
@@ -123,7 +123,7 @@
       ],
       "columns": null,
       "label": "a class",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -891,7 +891,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 2c9178443..18174ef27 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="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>
+]]></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:20px;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="193.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="511.000000" y="193.000000" style="text-anchor:start;font-size:16px;fill:#EDF0FD">public() bool</text>
+<text class="text-mono" x="763.000000" y="193.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="239.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="511.000000" y="239.000000" style="text-anchor:start;font-size:16px;fill:#EDF0FD">private() int</text>
+<text class="text-mono" x="763.000000" y="239.000000" style="text-anchor:end;font-size:16px;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="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">
+</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:20px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="215.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="215.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="215.500000" style="text-anchor:end;font-size:16px;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="246.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="246.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="246.500000" style="text-anchor:end;font-size:16px;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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/><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(#3960281908)"/><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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></g><mask id="3960281908" 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 7fcc038d1..2eaa84910 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
@@ -123,7 +123,7 @@
       ],
       "columns": null,
       "label": "a class",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -891,7 +891,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 2c9178443..18174ef27 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="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>
+]]></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:20px;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="193.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="511.000000" y="193.000000" style="text-anchor:start;font-size:16px;fill:#EDF0FD">public() bool</text>
+<text class="text-mono" x="763.000000" y="193.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">void</text><text class="text-mono" x="491.000000" y="239.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="511.000000" y="239.000000" style="text-anchor:start;font-size:16px;fill:#EDF0FD">private() int</text>
+<text class="text-mono" x="763.000000" y="239.000000" style="text-anchor:end;font-size:16px;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="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">
+</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:20px;fill:#FFFFFF">users</text><text class="text" x="4833.000000" y="215.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="4900.000000" y="215.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="4964.000000" y="215.500000" style="text-anchor:end;font-size:16px;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="246.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="4900.000000" y="246.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">varchar</text>
+<text class="text" x="4964.000000" y="246.500000" style="text-anchor:end;font-size:16px;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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/><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(#3960281908)"/><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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></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(#3960281908)"/></g><mask id="3960281908" 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 22fbed6bd..1fb2f867c 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": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "Humor in the Court2",
-      "fontSize": 34,
+      "fontSize": 30,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -262,7 +262,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -337,7 +337,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 34,
+      "fontSize": 30,
       "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 c1ee76cc9..5b362a921 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: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">
+]]></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">
 <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 6e67cebd7..a3ac11503 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": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -187,7 +187,7 @@
         }
       ],
       "label": "Humor in the Court2",
-      "fontSize": 34,
+      "fontSize": 30,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "orange",
@@ -262,7 +262,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 24,
+      "fontSize": 20,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -337,7 +337,7 @@
       ],
       "columns": null,
       "label": "BatchManager",
-      "fontSize": 34,
+      "fontSize": 30,
       "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 977ce41fd..0473c7f13 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: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">
+]]></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">
 <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 136c78042..839e78d99 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
@@ -59,7 +59,7 @@
         }
       ],
       "label": "x",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -131,7 +131,7 @@
         }
       ],
       "label": "a",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 d0211ffcc..bcafb46ce 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
@@ -39,9 +39,9 @@ width="280" height="444" viewBox="-102 -118 280 444"><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="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">
+]]></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:20px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">y</text>
+<text class="text" x="40.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="50.500000" style="text-anchor:end;font-size:16px;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,9 +54,9 @@ width="280" height="444" viewBox="-102 -118 280 444"><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="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">
+</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:20px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="212.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">b</text>
+<text class="text" x="40.000000" y="212.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="40.000000" y="212.500000" style="text-anchor:end;font-size:16px;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(#1166660307)"/></g><mask id="1166660307" 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[
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 536f9b0dd..21a4566db 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
@@ -59,7 +59,7 @@
         }
       ],
       "label": "x",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -131,7 +131,7 @@
         }
       ],
       "label": "a",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 00028fc1f..19ede54c1 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
@@ -39,9 +39,9 @@ width="280" height="444" viewBox="-90 -106 280 444"><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="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">
+]]></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:20px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">y</text>
+<text class="text" x="52.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="62.500000" style="text-anchor:end;font-size:16px;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,9 +54,9 @@ width="280" height="444" viewBox="-90 -106 280 444"><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="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">
+</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:20px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="224.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">b</text>
+<text class="text" x="52.000000" y="224.500000" style="text-anchor:start;font-size:16px;fill:#676C7E"></text>
+<text class="text" x="52.000000" y="224.500000" style="text-anchor:end;font-size:16px;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(#2608043058)"/></g><mask id="2608043058" 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[
diff --git a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
index b06153303..ddeab7eda 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
@@ -171,7 +171,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -327,7 +327,7 @@
         }
       ],
       "label": "products",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -455,7 +455,7 @@
         }
       ],
       "label": "orders",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -611,7 +611,7 @@
         }
       ],
       "label": "shipments",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
index f8a08b58a..1a341628b 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
@@ -39,39 +39,39 @@ width="1000" height="614" viewBox="-102 -102 1000 614"><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="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">
+]]></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:20px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="50.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="248.000000" y="50.500000" style="text-anchor:end;font-size:16px;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="81.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="81.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="81.500000" style="text-anchor:end;font-size:16px;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="112.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="112.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="112.500000" style="text-anchor:end;font-size:16px;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="143.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="143.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="248.000000" y="143.500000" style="text-anchor:end;font-size:16px;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="174.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="174.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="248.000000" y="174.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="66.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="405.000000" y="66.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="66.500000" style="text-anchor:end;font-size:16px;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="97.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">price</text>
+<text class="text" x="405.000000" y="97.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">decimal</text>
+<text class="text" x="472.000000" y="97.500000" style="text-anchor:end;font-size:16px;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="128.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">sku</text>
+<text class="text" x="405.000000" y="128.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="128.500000" style="text-anchor:end;font-size:16px;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="159.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="405.000000" y="159.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="472.000000" y="159.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="336.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="449.000000" y="336.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="336.500000" style="text-anchor:end;font-size:16px;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="367.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">user_id</text>
+<text class="text" x="449.000000" y="367.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="367.500000" style="text-anchor:end;font-size:16px;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="398.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">product_id</text>
+<text class="text" x="449.000000" y="398.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="472.000000" y="398.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="66.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="728.000000" y="66.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="66.500000" style="text-anchor:end;font-size:16px;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="97.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">order_id</text>
+<text class="text" x="728.000000" y="97.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="776.000000" y="97.500000" style="text-anchor:end;font-size:16px;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="128.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="728.000000" y="128.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="128.500000" style="text-anchor:end;font-size:16px;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="159.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">status</text>
+<text class="text" x="728.000000" y="159.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="776.000000" y="159.500000" style="text-anchor:end;font-size:16px;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(#3269062516)"/></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(#3269062516)"/></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(#3269062516)"/></g><mask id="3269062516" 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[
diff --git a/e2etests/testdata/stable/sql_tables/elk/board.exp.json b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
index 501c59565..0b8c3a007 100644
--- a/e2etests/testdata/stable/sql_tables/elk/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
@@ -171,7 +171,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -327,7 +327,7 @@
         }
       ],
       "label": "products",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -455,7 +455,7 @@
         }
       ],
       "label": "orders",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -611,7 +611,7 @@
         }
       ],
       "label": "shipments",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
diff --git a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
index 83183ef8a..bfdec1707 100644
--- a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
@@ -39,39 +39,39 @@ width="920" height="614" viewBox="-90 -90 920 614"><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="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">
+]]></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:20px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="62.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="260.000000" y="62.500000" style="text-anchor:end;font-size:16px;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="93.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="93.500000" style="text-anchor:end;font-size:16px;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="124.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="124.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="124.500000" style="text-anchor:end;font-size:16px;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="155.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="155.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="260.000000" y="155.500000" style="text-anchor:end;font-size:16px;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="186.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="186.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="260.000000" y="186.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="377.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="93.500000" style="text-anchor:end;font-size:16px;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="124.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">price</text>
+<text class="text" x="377.000000" y="124.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">decimal</text>
+<text class="text" x="444.000000" y="124.500000" style="text-anchor:end;font-size:16px;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="155.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">sku</text>
+<text class="text" x="377.000000" y="155.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="155.500000" style="text-anchor:end;font-size:16px;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="186.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="377.000000" y="186.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="444.000000" y="186.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="348.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="421.000000" y="348.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="348.500000" style="text-anchor:end;font-size:16px;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="379.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">user_id</text>
+<text class="text" x="421.000000" y="379.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="379.500000" style="text-anchor:end;font-size:16px;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="410.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">product_id</text>
+<text class="text" x="421.000000" y="410.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="444.000000" y="410.500000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="660.000000" y="93.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="93.500000" style="text-anchor:end;font-size:16px;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="124.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">order_id</text>
+<text class="text" x="660.000000" y="124.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="708.000000" y="124.500000" style="text-anchor:end;font-size:16px;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="155.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">tracking_number</text>
+<text class="text" x="660.000000" y="155.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="155.500000" style="text-anchor:end;font-size:16px;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="186.500000" style="text-anchor:start;font-size:16px;fill:#0D32B2">status</text>
+<text class="text" x="660.000000" y="186.500000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="708.000000" y="186.500000" style="text-anchor:end;font-size:16px;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(#1348287484)"/></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(#1348287484)"/></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(#1348287484)"/></g><mask id="1348287484" 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[
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 d2fda8637..da71cfd59 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 621cc4cad..4e98308b7 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
@@ -39,31 +39,31 @@ width="626" height="2752" viewBox="-102 -102 626 2752"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="165.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="165.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="402.000000" y="165.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="229.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="229.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="402.000000" y="229.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="293.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="293.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="402.000000" y="293.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="320.000000" x2="422.000000" y2="320.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="357.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="357.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="402.000000" y="357.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="421.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="421.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="402.000000" y="421.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="485.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="485.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="402.000000" y="485.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="612" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="612.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="117.000000" y="745.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
-<text class="text" x="218.000000" y="745.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
-<text class="text" x="295.000000" y="745.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="782.666667" x2="315.000000" y2="782.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="830.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
-<text class="text" x="218.000000" y="830.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="830.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="868.000000" x2="315.000000" y2="868.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="915.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
-<text class="text" x="218.000000" y="915.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="915.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="953.333333" x2="315.000000" y2="953.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1001.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
-<text class="text" x="218.000000" y="1001.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="295.000000" y="1001.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1038.666667" x2="315.000000" y2="1038.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1086.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
-<text class="text" x="218.000000" y="1086.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
-<text class="text" x="295.000000" y="1086.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1124.000000" x2="315.000000" y2="1124.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(116.000000 1224.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="164.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="164.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="402.000000" y="164.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="228.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="228.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="402.000000" y="228.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="292.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="30.000000" y="292.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="402.000000" y="292.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="0.000000" y1="320.000000" x2="422.000000" y2="320.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="356.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="356.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="402.000000" y="356.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="420.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="420.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="402.000000" y="420.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="484.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="30.000000" y="484.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="402.000000" y="484.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="612" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="612.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="117.000000" y="744.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="218.000000" y="744.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="295.000000" y="744.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="782.666667" x2="315.000000" y2="782.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="829.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="218.000000" y="829.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="829.333333" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="868.000000" x2="315.000000" y2="868.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="914.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="218.000000" y="914.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="914.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="953.333333" x2="315.000000" y2="953.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1000.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="218.000000" y="1000.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="295.000000" y="1000.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1038.666667" x2="315.000000" y2="1038.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="1085.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="218.000000" y="1085.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="295.000000" y="1085.333333" style="text-anchor:end;font-size:16px;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(#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">
+</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(#3094731347)"/></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(#3094731347)"/></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(#3094731347)"/></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(#3094731347)"/></g><mask id="3094731347" 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 19d4bd8ae..3b5acf876 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 f67c19fa0..ed773336e 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
@@ -39,31 +39,31 @@ width="626" height="2752" viewBox="-90 -90 626 2752"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="414.000000" y="177.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="241.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="241.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="414.000000" y="241.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="305.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="305.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="414.000000" y="305.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="332.000000" x2="434.000000" y2="332.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="369.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="369.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="414.000000" y="369.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="433.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="433.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="414.000000" y="433.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="497.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="497.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="414.000000" y="497.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="624" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="624.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="129.000000" y="757.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
-<text class="text" x="230.000000" y="757.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
-<text class="text" x="307.000000" y="757.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="794.666667" x2="327.000000" y2="794.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="842.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
-<text class="text" x="230.000000" y="842.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="842.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="880.000000" x2="327.000000" y2="880.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="927.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
-<text class="text" x="230.000000" y="927.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="927.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="965.333333" x2="327.000000" y2="965.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1013.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
-<text class="text" x="230.000000" y="1013.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="307.000000" y="1013.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1050.666667" x2="327.000000" y2="1050.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1098.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
-<text class="text" x="230.000000" y="1098.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
-<text class="text" x="307.000000" y="1098.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1136.000000" x2="327.000000" y2="1136.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(127.000000 1236.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="128.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="176.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="176.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="414.000000" y="176.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="240.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="240.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="414.000000" y="240.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="304.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="304.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="414.000000" y="304.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="12.000000" y1="332.000000" x2="434.000000" y2="332.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="368.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="368.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="414.000000" y="368.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="432.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="432.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="414.000000" y="432.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="496.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="496.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="414.000000" y="496.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="624" width="208" height="512" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="624.000000" width="208.000000" height="85.333333" fill="#0A0F25" /><text class="text" x="129.000000" y="756.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="230.000000" y="756.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="307.000000" y="756.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="794.666667" x2="327.000000" y2="794.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="841.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="230.000000" y="841.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="841.333333" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="880.000000" x2="327.000000" y2="880.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="926.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="230.000000" y="926.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="926.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="965.333333" x2="327.000000" y2="965.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1012.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="230.000000" y="1012.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="307.000000" y="1012.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1050.666667" x2="327.000000" y2="1050.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="1097.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="230.000000" y="1097.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="307.000000" y="1097.333333" style="text-anchor:end;font-size:16px;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(#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">
+</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(#143197588)"/></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(#143197588)"/></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(#143197588)"/></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(#143197588)"/></g><mask id="143197588" 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 d0dd4f131..8f01ccf4f 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 accd244fc..192e43db5 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
@@ -39,31 +39,31 @@ width="716" height="1393" viewBox="-102 -102 716 1393"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="492.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="492.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="30.000000" y="212.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="492.000000" y="212.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="512.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="258.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="492.000000" y="258.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="10.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="492.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="492.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="0" y="468" width="512" height="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>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="10.000000" y="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="492.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="492.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="492.000000" y="211.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="0.000000" y1="230.000000" x2="512.000000" y2="230.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="10.000000" y="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="492.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="492.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="492.000000" y="349.000000" style="text-anchor:end;font-size:16px;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="511.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="111.000000" y="511.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="492.000000" y="511.000000" style="text-anchor:end;font-size:16px;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="537.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="111.000000" y="537.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="537.000000" style="text-anchor:end;font-size:16px;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="563.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="111.000000" y="563.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="563.000000" style="text-anchor:end;font-size:16px;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="589.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="111.000000" y="589.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="492.000000" y="589.000000" style="text-anchor:end;font-size:16px;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="615.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="111.000000" y="615.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="492.000000" y="615.000000" style="text-anchor:end;font-size:16px;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 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">
+</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(#4261132279)"/></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(#4261132279)"/></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(#4261132279)"/></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(#4261132279)"/></g><mask id="4261132279" 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[
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 4b6b6de8d..d3166eda2 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
+++ b/e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json
@@ -62,7 +62,7 @@
       ],
       "columns": null,
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -246,7 +246,7 @@
         }
       ],
       "label": "",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 182e50838..745365cdf 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
@@ -39,31 +39,31 @@ width="716" height="1393" viewBox="-90 -90 716 1393"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
-<text class="text-mono" x="504.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
-<text class="text-mono" x="504.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="42.000000" y="224.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="504.000000" y="224.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="524.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="270.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="504.000000" y="270.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="504.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="504.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="12" y="480" width="512" height="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>
+]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="512" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="512.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="22.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="131.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="504.000000" y="131.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="177.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="504.000000" y="177.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="42.000000" y="223.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="504.000000" y="223.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="12.000000" y1="242.000000" x2="524.000000" y2="242.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="22.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="269.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="504.000000" y="269.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="22.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="315.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="504.000000" y="315.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="42.000000" y="361.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="504.000000" y="361.000000" style="text-anchor:end;font-size:16px;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="523.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="123.000000" y="523.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="504.000000" y="523.000000" style="text-anchor:end;font-size:16px;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="549.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="123.000000" y="549.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="549.000000" style="text-anchor:end;font-size:16px;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="575.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="123.000000" y="575.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="575.000000" style="text-anchor:end;font-size:16px;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="601.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="123.000000" y="601.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="504.000000" y="601.000000" style="text-anchor:end;font-size:16px;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="627.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="123.000000" y="627.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="504.000000" y="627.000000" style="text-anchor:end;font-size:16px;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 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">
+</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(#2321483479)"/></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(#2321483479)"/></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(#2321483479)"/></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(#2321483479)"/></g><mask id="2321483479" 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[
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 04cc6aedd..44a6f722e 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json
+++ b/e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json
@@ -513,7 +513,7 @@
       ],
       "columns": null,
       "label": "class",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -697,7 +697,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 663cbd885..7f2d2fe55 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
@@ -796,34 +796,34 @@ width="2482" height="2672" viewBox="-102 -102 2482 2672"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g id="containers"><g class="shape" ><rect x="0" y="0" width="1112" height="456" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="556.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1247 189 C 1247 192 1244 194 1240 194 C 1197 197 1162 232 1162 274 C 1162 319 1200 355 1249 355 H 1579 C 1631 355 1674 316 1674 269 C 1674 224 1635 187 1585 184 C 1582 184 1578 182 1577 179 C 1566 133 1515 99 1455 99 C 1416 99 1381 113 1359 136 C 1356 139 1352 139 1350 139 C 1341 136 1332 135 1322 135 C 1282 135 1250 159 1247 189 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1415.664000" y="280.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1290 1480 C 1290 1456 1405 1456 1418 1456 C 1431 1456 1546 1456 1546 1480 V 1944 C 1546 1968 1431 1968 1418 1968 C 1405 1968 1290 1968 1290 1944 V 1480 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1290 1480 C 1290 1504 1405 1504 1418 1504 C 1431 1504 1546 1504 1546 1480" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1418.000000" y="1729.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1018" y="756" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="756.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1418.000000" y="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>
-<text class="text-mono" x="1798.000000" y="936.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="986.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1048.000000" y="986.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="1798.000000" y="986.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1018.000000" y1="1006.000000" x2="1818.000000" y2="1006.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1028.000000" y="1036.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1036.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="1798.000000" y="1036.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1028.000000" y="1086.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1086.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="1798.000000" y="1086.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1028.000000" y="1136.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1048.000000" y="1136.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="1798.000000" y="1136.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1018" y="2068" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1018.000000" y="2068.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1028.000000" y="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>
-<text class="text" x="1798.000000" y="2239.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2268.000000" x2="1818.000000" y2="2268.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2306.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
-<text class="text" x="1129.000000" y="2306.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="1798.000000" y="2306.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2334.666667" x2="1818.000000" y2="2334.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2373.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
-<text class="text" x="1129.000000" y="2373.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="1798.000000" y="2373.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2401.333333" x2="1818.000000" y2="2401.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2439.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
-<text class="text" x="1129.000000" y="2439.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
-<text class="text" x="1798.000000" y="2439.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2468.000000" x2="1818.000000" y2="2468.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2021" y="195" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2078.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1878.000000" y="556.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
+</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:20px;fill:#FFFFFF">class</text><text class="text-mono" x="1028.000000" y="885.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="885.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="1798.000000" y="885.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="935.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="935.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="1798.000000" y="935.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="1028.000000" y="985.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1048.000000" y="985.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="1798.000000" y="985.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="1018.000000" y1="1006.000000" x2="1818.000000" y2="1006.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1028.000000" y="1035.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1035.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="1798.000000" y="1035.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1028.000000" y="1085.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1085.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="1798.000000" y="1085.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1028.000000" y="1135.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1048.000000" y="1135.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="1798.000000" y="1135.000000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">users</text><text class="text" x="1028.000000" y="2172.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="1129.000000" y="2172.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="1798.000000" y="2172.000000" style="text-anchor:end;font-size:16px;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="2238.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="1129.000000" y="2238.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2238.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2268.000000" x2="1818.000000" y2="2268.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2305.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="1129.000000" y="2305.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2305.333333" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2334.666667" x2="1818.000000" y2="2334.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2372.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="1129.000000" y="2372.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1798.000000" y="2372.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2401.333333" x2="1818.000000" y2="2401.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1028.000000" y="2438.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="1129.000000" y="2438.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="1798.000000" y="2438.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1018.000000" y1="2468.000000" x2="1818.000000" y2="2468.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2021" y="195" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2078.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1878.000000" y="556.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
 </div></foreignObject></g></g><g id="code"><g class="shape" ></g><g transform="translate(1878.000000 1562.000000)"><rect class="shape" width="400" height="300" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
 </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="small code"><g class="shape" ></g><g transform="translate(1983.000000 2236.000000)"><rect class="shape" width="191" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="154.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="154.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 422 406 C 421 406 421 406 420 405 L 309 231 C 308 229 308 226 309 225 L 420 51 C 421 49 423 49 424 51 L 535 225 C 536 227 536 230 535 231 L 424 405 C 423 406 423 406 422 406 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="422.000000" y="168.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="690.000000" cy="228.000000" rx="114.000000" ry="178.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="690.000000" y="132.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 901 50 L 844 228 L 901 406 L 1015 406 L 1072 228 L 1015 50 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="958.000000" y="138.333333" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 154 260 C 154 260 153 260 153 260 L 90 229 C 89 229 89 228 90 228 L 153 196 C 154 196 155 196 155 196 L 217 227 C 218 227 218 228 217 228 L 155 260 C 155 260 154 260 154 260 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="154.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="422.000000" cy="228.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="422.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 658 196 L 626 228 L 658 260 L 722 260 L 754 228 L 722 196 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="690.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="958.000000" cy="228.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="958.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 1418.000000 357.000000 C 1418.000000 395.800000 1418.000000 416.000000 1418.000000 431.000000 C 1418.000000 446.000000 1418.000000 556.000000 1418.000000 752.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#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">
+</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(#2947900994)"/></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(#2947900994)"/></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(#2947900994)"/></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(#2947900994)"/></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(#2947900994)"/></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(#2947900994)"/></g><mask id="2947900994" 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 cc0e8c72e..6801afc27 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json
+++ b/e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json
@@ -513,7 +513,7 @@
       ],
       "columns": null,
       "label": "class",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
@@ -697,7 +697,7 @@
         }
       ],
       "label": "users",
-      "fontSize": 20,
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
       "color": "#0A0F25",
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 818c42451..a5946023f 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
@@ -796,34 +796,34 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g id="containers"><g class="shape" ><rect x="12" y="12" width="1322" height="428" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="673.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1439 273 C 1439 276 1436 278 1432 278 C 1389 281 1354 316 1354 358 C 1354 403 1392 439 1441 439 H 1771 C 1823 439 1866 400 1866 353 C 1866 308 1827 271 1777 268 C 1774 268 1770 266 1769 263 C 1758 217 1707 183 1647 183 C 1608 183 1573 197 1551 220 C 1548 223 1544 223 1542 223 C 1533 220 1524 219 1514 219 C 1474 219 1442 243 1439 273 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1607.664000" y="364.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1482 1464 C 1482 1440 1597 1440 1610 1440 C 1623 1440 1738 1440 1738 1464 V 1928 C 1738 1952 1623 1952 1610 1952 C 1597 1952 1482 1952 1482 1928 V 1464 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1482 1464 C 1482 1488 1597 1488 1610 1488 C 1623 1488 1738 1488 1738 1464" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1610.000000" y="1713.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1210" y="740" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="740.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1610.000000" y="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>
-<text class="text-mono" x="1990.000000" y="920.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="970.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
-<text class="text-mono" x="1240.000000" y="970.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
-<text class="text-mono" x="1990.000000" y="970.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1210.000000" y1="990.000000" x2="2010.000000" y2="990.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1220.000000" y="1020.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1020.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
-<text class="text-mono" x="1990.000000" y="1020.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1220.000000" y="1070.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1070.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
-<text class="text-mono" x="1990.000000" y="1070.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1220.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
-<text class="text-mono" x="1240.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
-<text class="text-mono" x="1990.000000" y="1120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1210" y="2052" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="2052.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1220.000000" y="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>
-<text class="text" x="1990.000000" y="2223.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2252.000000" x2="2010.000000" y2="2252.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2290.333333" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
-<text class="text" x="1321.000000" y="2290.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="1990.000000" y="2290.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2318.666667" x2="2010.000000" y2="2318.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2357.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
-<text class="text" x="1321.000000" y="2357.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
-<text class="text" x="1990.000000" y="2357.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2385.333333" x2="2010.000000" y2="2385.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2423.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
-<text class="text" x="1321.000000" y="2423.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
-<text class="text" x="1990.000000" y="2423.666667" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2452.000000" x2="2010.000000" y2="2452.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2173" y="374" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2230.000000" y="412.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2030.000000" y="540.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
+</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:20px;fill:#FFFFFF">class</text><text class="text-mono" x="1220.000000" y="869.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="869.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">num</text>
+<text class="text-mono" x="1990.000000" y="869.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="919.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="919.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">timeout</text>
+<text class="text-mono" x="1990.000000" y="919.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="969.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">-</text>
+<text class="text-mono" x="1240.000000" y="969.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">pid</text>
+<text class="text-mono" x="1990.000000" y="969.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3"></text><line x1="1210.000000" y1="990.000000" x2="2010.000000" y2="990.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1220.000000" y="1019.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1019.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getStatus()</text>
+<text class="text-mono" x="1990.000000" y="1019.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1220.000000" y="1069.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1069.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">getJobs()</text>
+<text class="text-mono" x="1990.000000" y="1069.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1220.000000" y="1119.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">+</text>
+<text class="text-mono" x="1240.000000" y="1119.000000" style="text-anchor:start;font-size:16px;fill:#0A0F25">setTimeout(seconds int)</text>
+<text class="text-mono" x="1990.000000" y="1119.000000" style="text-anchor:end;font-size:16px;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:20px;fill:#FFFFFF">users</text><text class="text" x="1220.000000" y="2156.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">id</text>
+<text class="text" x="1321.000000" y="2156.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">int</text>
+<text class="text" x="1990.000000" y="2156.000000" style="text-anchor:end;font-size:16px;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="2222.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">name</text>
+<text class="text" x="1321.000000" y="2222.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2222.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2252.000000" x2="2010.000000" y2="2252.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2289.333333" style="text-anchor:start;font-size:16px;fill:#0D32B2">email</text>
+<text class="text" x="1321.000000" y="2289.333333" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2289.333333" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2318.666667" x2="2010.000000" y2="2318.666667" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2356.000000" style="text-anchor:start;font-size:16px;fill:#0D32B2">password</text>
+<text class="text" x="1321.000000" y="2356.000000" style="text-anchor:start;font-size:16px;fill:#676C7E">string</text>
+<text class="text" x="1990.000000" y="2356.000000" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2385.333333" x2="2010.000000" y2="2385.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2422.666667" style="text-anchor:start;font-size:16px;fill:#0D32B2">last_login</text>
+<text class="text" x="1321.000000" y="2422.666667" style="text-anchor:start;font-size:16px;fill:#676C7E">datetime</text>
+<text class="text" x="1990.000000" y="2422.666667" style="text-anchor:end;font-size:16px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2452.000000" x2="2010.000000" y2="2452.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="container"><g class="shape" ><rect x="2173" y="374" width="114" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2230.000000" y="412.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2030.000000" y="540.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>markdown text expanded to 800x400</p>
 </div></foreignObject></g></g><g id="code"><g class="shape" ></g><g transform="translate(2030.000000 1546.000000)"><rect class="shape" width="400" height="300" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
 </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="small code"><g class="shape" ></g><g transform="translate(2134.000000 2052.000000)"><rect class="shape" width="191" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="226.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="226.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 524 365 C 523 365 522 365 521 364 L 386 229 C 385 228 385 225 386 224 L 521 88 C 522 87 525 87 526 88 L 661 224 C 662 225 662 228 661 229 L 527 364 C 526 365 525 365 524 365 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="524.000000" y="185.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="822.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="822.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 1051 119 L 981 226 L 1051 333 L 1190 333 L 1259 226 L 1190 119 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1120.000000" y="183.666667" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 226 258 C 226 258 225 258 225 258 L 162 227 C 161 227 161 226 162 226 L 225 194 C 226 194 227 194 227 194 L 289 225 C 290 225 290 226 289 226 L 227 258 C 227 258 226 258 226 258 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="226.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="524.000000" cy="226.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="524.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 790 194 L 758 226 L 790 258 L 854 258 L 886 226 L 854 194 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="822.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="1120.000000" cy="226.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1120.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 1610.000000 441.000000 L 1610.000000 736.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#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">
+</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(#4239009221)"/></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(#4239009221)"/></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(#4239009221)"/></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(#4239009221)"/></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(#4239009221)"/></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(#4239009221)"/></g><mask id="4239009221" 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[