diff --git a/d2renderers/d2svg/github-markdown.css b/d2renderers/d2svg/github-markdown.css
index c5adbeae5..49e1dfaa8 100644
--- a/d2renderers/d2svg/github-markdown.css
+++ b/d2renderers/d2svg/github-markdown.css
@@ -639,7 +639,7 @@
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -679,8 +679,8 @@
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
diff --git a/d2renderers/textmeasure/markdown.go b/d2renderers/textmeasure/markdown.go
index 2f1829280..fb2145767 100644
--- a/d2renderers/textmeasure/markdown.go
+++ b/d2renderers/textmeasure/markdown.go
@@ -37,8 +37,10 @@ const (
 	Height_hr          = 4
 	MarginTopBottom_hr = 24
 
-	Padding_pre      = 16
-	MarginBottom_pre = 16
+	Padding_pre          = 16
+	MarginBottom_pre     = 16
+	LineHeight_pre       = 1.45
+	FontSize_pre_code_em = 0.85
 
 	PaddingTopBottom_code_em = 0.2
 	PaddingLeftRight_code_em = 0.4
@@ -100,9 +102,11 @@ func MeasureMarkdown(mdText string, ruler *Ruler) (width, height int, err error)
 
 	{
 		originalLineHeight := ruler.LineHeightFactor
+		ruler.boundsWithDot = true
 		ruler.LineHeightFactor = MarkdownLineHeight
 		defer func() {
 			ruler.LineHeightFactor = originalLineHeight
+			ruler.boundsWithDot = false
 		}()
 	}
 
@@ -256,14 +260,20 @@ func (ruler *Ruler) measureNode(depth int, n *html.Node, font d2fonts.Font) (wid
 
 				str = str[startIndex : endIndex+1]
 			}
+
 		}
 
-		if isCode {
-			ruler.boundsWithDot = true
+		if parentElementType == "pre" {
+			originalLineHeight := ruler.LineHeightFactor
+			ruler.LineHeightFactor = LineHeight_pre
+			defer func() {
+				ruler.LineHeightFactor = originalLineHeight
+			}()
 		}
 		w, h := ruler.MeasurePrecise(font, str)
 		if isCode {
-			ruler.boundsWithDot = false
+			w *= FontSize_pre_code_em
+			h *= FontSize_pre_code_em
 		}
 		// fmt.Printf("%d:'%s' width %v (%v) height %v fontStyle %s fontSize %v family %v\n", depth, n.Data, w, w+spaceWidths, h, font.Style, font.Size, font.Family)
 
diff --git a/d2renderers/textmeasure/textmeasure_test.go b/d2renderers/textmeasure/textmeasure_test.go
index e7a2cb9f2..616c20c5c 100644
--- a/d2renderers/textmeasure/textmeasure_test.go
+++ b/d2renderers/textmeasure/textmeasure_test.go
@@ -88,19 +88,19 @@ _italics are all measured correctly_
 `: {214, 24},
 	`
 **bold is measured correctly**
-`: {187, 24},
+`: {188, 24},
 	`
 **Note:** This document
-`: {141, 24},
+`: {143, 24},
 	`
 **Note:**
-`: {37, 24},
-	`a`:             {7, 24},
+`: {39, 24},
+	`a`:             {9, 24},
 	`w`:             {12, 24},
 	`ww`:            {24, 24},
-	"`inline code`": {119, 27},
-	"`code`":        {52, 27},
-	"`a`":           {23, 27},
+	"`inline code`": {103, 24},
+	"`code`":        {46, 24},
+	"`a`":           {21, 24},
 }
 
 func TestTextMeasureMarkdown(t *testing.T) {
diff --git a/e2etests/testdata/stable/chaos2/board.exp.json b/e2etests/testdata/stable/chaos2/board.exp.json
index be553467a..8caeb8bd9 100644
--- a/e2etests/testdata/stable/chaos2/board.exp.json
+++ b/e2etests/testdata/stable/chaos2/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 0
       },
-      "width": 1115,
+      "width": 1117,
       "height": 1654,
       "level": 1,
       "opacity": 1,
@@ -421,7 +421,7 @@
       "id": "aa.ll",
       "type": "",
       "pos": {
-        "x": 914,
+        "x": 915,
         "y": 652
       },
       "width": 114,
@@ -459,7 +459,7 @@
       "id": "aa.mm",
       "type": "cylinder",
       "pos": {
-        "x": 901,
+        "x": 902,
         "y": 426
       },
       "width": 131,
@@ -500,7 +500,7 @@
         "x": 867,
         "y": 1429
       },
-      "width": 16,
+      "width": 18,
       "height": 24,
       "level": 2,
       "opacity": 1,
@@ -527,14 +527,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 16,
+      "labelWidth": 18,
       "labelHeight": 24
     },
     {
       "id": "aa.oo",
       "type": "",
       "pos": {
-        "x": 943,
+        "x": 945,
         "y": 1378
       },
       "width": 123,
@@ -785,20 +785,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 913.5,
-          "y": 723.8172484599589
+          "x": 914.5,
+          "y": 723.8051948051948
         },
         {
-          "x": 835.9,
-          "y": 735.8172484599589
+          "x": 836.1,
+          "y": 735.8051948051948
         },
         {
-          "x": 894.1,
-          "y": 726.8172484599589
+          "x": 894.9,
+          "y": 726.8051948051948
         },
         {
           "x": 816.5,
-          "y": 738.8172484599589
+          "y": 738.8051948051948
         }
       ],
       "isCurve": true,
@@ -832,11 +832,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 901,
+          "x": 902,
           "y": 500
         },
         {
-          "x": 404.2,
+          "x": 404.4,
           "y": 581.6
         },
         {
@@ -891,19 +891,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 969,
+          "x": 970,
           "y": 552
         },
         {
-          "x": 970.2,
+          "x": 971.2,
           "y": 592
         },
         {
-          "x": 970.5,
+          "x": 971.5,
           "y": 612
         },
         {
-          "x": 970.5,
+          "x": 971.5,
           "y": 652
         }
       ],
@@ -938,20 +938,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 901,
+          "x": 902,
           "y": 500
         },
         {
-          "x": 833.6,
-          "y": 512.3623984526112
+          "x": 833.8,
+          "y": 512.3482425646968
         },
         {
-          "x": 884.15,
-          "y": 503.0905996131528
+          "x": 884.95,
+          "y": 503.08706064117416
         },
         {
           "x": 816.75,
-          "y": 515.452998065764
+          "y": 515.4353032058709
         }
       ],
       "isCurve": true,
@@ -985,12 +985,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 913.5,
-          "y": 729.1405049396268
+          "x": 914.5,
+          "y": 729.1095290251917
         },
         {
-          "x": 594.7,
-          "y": 808.2281009879254
+          "x": 594.9,
+          "y": 808.2219058050383
         },
         {
           "x": 515,
@@ -1080,11 +1080,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 901,
+          "x": 902,
           "y": 476
         },
         {
-          "x": 500.2,
+          "x": 500.4,
           "y": 396
         },
         {
@@ -1135,12 +1135,12 @@
           "y": 838
         },
         {
-          "x": 484.7,
-          "y": 807.5723440134907
+          "x": 484.9,
+          "y": 807.5686868686869
         },
         {
-          "x": 913.5,
-          "y": 725.8617200674536
+          "x": 914.5,
+          "y": 725.8434343434343
         }
       ],
       "isCurve": true,
@@ -1194,12 +1194,12 @@
           "y": 466.4
         },
         {
-          "x": 470.7,
-          "y": 622.4899262899263
+          "x": 470.9,
+          "y": 622.493376941946
         },
         {
-          "x": 913.5,
-          "y": 704.4496314496314
+          "x": 914.5,
+          "y": 704.4668847097302
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/chaos2/sketch.exp.svg b/e2etests/testdata/stable/chaos2/sketch.exp.svg
index 306355ef4..baabef123 100644
--- a/e2etests/testdata/stable/chaos2/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
+width="1317" height="1854" viewBox="-100 -100 1317 1854"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,8 +797,8 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><rect class="shape" x="0" y="0" width="1115" height="1654" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="557.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aa</text><rect class="shape" x="40" y="50" width="776" height="1554" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="428.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">bb</text><rect class="shape" x="914" y="652" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="971.000000" y="718.000000" style="text-anchor:middle;font-size:16px;fill:black">ll</text><path class="shape" d="M 901 450 C 901 426 959.95 426 966.5 426 C 973.05 426 1032 426 1032 450 V 528 C 1032 552 973.05 552 966.5 552 C 959.95 552 901 552 901 528 V 450 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 901 450 C 901 474 959.95 474 966.5 474 C 973.05 474 1032 474 1032 450" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="966.500000" y="504.000000" style="text-anchor:middle;font-size:16px;fill:black">mm</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="867.000000" y="1429.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p>
-</div></foreignObject></g><rect class="shape" x="943" y="1378" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1004.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">oo</text><rect class="shape" x="80" y="878" width="510" height="676" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="335.000000" y="903.000000" style="text-anchor:middle;font-size:20px;fill:black">cc</text><path class="shape" d="M 106 100 L 256 100 L 256 145.2 L 473 145.2 L 473 326 L 106 326 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="289.500000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">ii</text><ellipse class="shape" cx="704.000000" cy="1441.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="704.000000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">kk</text><rect class="shape" x="120" y="928" width="355" height="226" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="297.500000" y="949.000000" style="text-anchor:middle;font-size:16px;fill:black">dd</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="409.000000" y="1254.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p>
+</style><rect class="shape" x="0" y="0" width="1117" height="1654" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="558.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aa</text><rect class="shape" x="40" y="50" width="776" height="1554" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="428.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">bb</text><rect class="shape" x="915" y="652" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="972.000000" y="718.000000" style="text-anchor:middle;font-size:16px;fill:black">ll</text><path class="shape" d="M 902 450 C 902 426 960.95 426 967.5 426 C 974.05 426 1033 426 1033 450 V 528 C 1033 552 974.05 552 967.5 552 C 960.95 552 902 552 902 528 V 450 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 902 450 C 902 474 960.95 474 967.5 474 C 974.05 474 1033 474 1033 450" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="967.500000" y="504.000000" style="text-anchor:middle;font-size:16px;fill:black">mm</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="867.000000" y="1429.000000" width="18" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p>
+</div></foreignObject></g><rect class="shape" x="945" y="1378" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1006.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">oo</text><rect class="shape" x="80" y="878" width="510" height="676" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="335.000000" y="903.000000" style="text-anchor:middle;font-size:20px;fill:black">cc</text><path class="shape" d="M 106 100 L 256 100 L 256 145.2 L 473 145.2 L 473 326 L 106 326 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="289.500000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">ii</text><ellipse class="shape" cx="704.000000" cy="1441.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="704.000000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">kk</text><rect class="shape" x="120" y="928" width="355" height="226" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="297.500000" y="949.000000" style="text-anchor:middle;font-size:16px;fill:black">dd</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="409.000000" y="1254.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p>
 </div></foreignObject></g><rect class="shape" x="356" y="1378" width="123" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="417.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">hh</text><path class="shape" d="M 300.5 276 C 300.0519 276 299.7532 275.8362 299.4545 275.5085 L 243.4481 214.2289 C 242.8507 213.5735 242.8507 212.5904 243.4481 211.935 L 299.4545 150.4915 C 300.0519 149.8361 300.948 149.8361 301.5454 150.4915 L 357.5519 211.9349 C 358.1493 212.5903 358.1493 213.5734 357.5519 214.2288 L 301.5455 275.5085 C 301.2468 275.8362 300.9481 276 300.5 276 Z" style="fill:#CFD2DD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:black">jj</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="232.000000" y="1029.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ee</p>
 </div></foreignObject></g><rect class="shape" x="308" y="978" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="1044.000000" style="text-anchor:middle;font-size:16px;fill:black">ff</text><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="238.000000" y="1051.000000" width="173.000000" height="214.000000">
 <rect x="238.000000" y="1051.000000" width="173.000000" height="214.000000" fill="white"></rect>
@@ -806,25 +806,25 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
 </mask><path d="M 240.000000 1054.000000 C 240.000000 1133.800000 273.800000 1215.800000 408.055881 1262.670396" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="268.500000" y="1209.000000" style="text-anchor:middle;font-size:16px;fill:black">11</text><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="409.000000" y="1276.000000" width="17.000000" height="104.000000">
 <rect x="409.000000" y="1276.000000" width="17.000000" height="104.000000" fill="white"></rect>
 <rect x="409.000000" y="1318.000000" width="17" height="21" fill="black"></rect>
-</mask><path d="M 417.500000 1279.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 200.000000 327.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.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><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="794.500000" y="697.817248" width="141.000000" height="67.000000">
-<rect x="794.500000" y="697.817248" width="141.000000" height="67.000000" fill="white"></rect>
+</mask><path d="M 417.500000 1279.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 200.000000 327.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.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><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="794.500000" y="697.805195" width="142.000000" height="67.000000">
+<rect x="794.500000" y="697.805195" width="142.000000" height="67.000000" fill="white"></rect>
 <rect x="857.000000" y="721.000000" width="17" height="21" fill="black"></rect>
-</mask><path d="M 910.535239 724.275717 C 835.900000 735.817248 894.100000 726.817248 819.464761 738.358780" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="645.000000" height="406.000000">
-<rect x="268.000000" y="486.000000" width="645.000000" height="406.000000" fill="white"></rect>
+</mask><path d="M 911.534536 724.259092 C 836.100000 735.805195 894.900000 726.805195 819.465464 738.351297" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="646.000000" height="406.000000">
+<rect x="268.000000" y="486.000000" width="646.000000" height="406.000000" fill="white"></rect>
 <rect x="455.000000" y="561.000000" width="16" height="21" fill="black"></rect>
-</mask><path d="M 900.013222 500.162079 C 404.200000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 875.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 969.029987 552.999550 C 970.200000 592.000000 970.500000 612.000000 970.500000 649.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="128.250000" height="67.452998">
-<rect x="794.750000" y="474.000000" width="128.250000" height="67.452998" fill="white"></rect>
+</mask><path d="M 901.013181 500.161826 C 404.400000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 875.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 970.029987 552.999550 C 971.200000 592.000000 971.500000 612.000000 971.500000 649.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="129.250000" height="67.435303">
+<rect x="794.750000" y="474.000000" width="129.250000" height="67.435303" fill="white"></rect>
 <rect x="851.000000" y="497.000000" width="16" height="21" fill="black"></rect>
-</mask><path d="M 898.049225 500.541226 C 833.600000 512.362398 884.150000 503.090600 819.700775 514.911772" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 910.588261 729.862846 C 594.700000 808.228101 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 428.526299 1259.382034" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="525.000000" height="178.000000">
-<rect x="388.000000" y="312.000000" width="525.000000" height="178.000000" fill="white"></rect>
+</mask><path d="M 899.047997 500.534488 C 833.800000 512.348243 884.950000 503.087061 819.702003 514.900816" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 911.587892 729.830379 C 594.900000 808.221906 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 428.526299 1259.382034" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="526.000000" height="178.000000">
+<rect x="388.000000" y="312.000000" width="526.000000" height="178.000000" fill="white"></rect>
 <rect x="622.000000" y="411.000000" width="16" height="21" fill="black"></rect>
-</mask><path d="M 898.058032 475.412781 C 500.200000 396.000000 400.000000 366.000000 400.000000 327.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.861720" width="560.000000" height="180.138280">
-<rect x="365.500000" y="711.861720" width="560.000000" height="180.138280" fill="white"></rect>
+</mask><path d="M 899.057808 475.413906 C 500.400000 396.000000 400.000000 366.000000 400.000000 327.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.843434" width="561.000000" height="180.156566">
+<rect x="365.500000" y="711.843434" width="561.000000" height="180.156566" fill="white"></rect>
 <rect x="617.000000" y="770.000000" width="16" height="21" fill="black"></rect>
-</mask><path d="M 377.500000 875.000000 C 377.500000 838.000000 484.700000 807.572344 912.517676 726.048908" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="597.500000" height="430.449631">
-<rect x="338.000000" y="300.000000" width="597.500000" height="430.449631" fill="white"></rect>
-<rect x="521.000000" y="623.000000" width="16" height="21" fill="black"></rect>
-</mask><path d="M 360.000000 329.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.700000 622.489926 910.550106 703.903623" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="529.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[
+</mask><path d="M 377.500000 875.000000 C 377.500000 838.000000 484.900000 807.568687 913.517618 726.030318" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="598.500000" height="430.466885">
+<rect x="338.000000" y="300.000000" width="598.500000" height="430.466885" fill="white"></rect>
+<rect x="522.000000" y="623.000000" width="16" height="21" fill="black"></rect>
+</mask><path d="M 360.000000 329.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.900000 622.493377 911.549946 703.921740" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="530.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/giant_markdown_test/board.exp.json b/e2etests/testdata/stable/giant_markdown_test/board.exp.json
index d43cb1dfb..c304942de 100644
--- a/e2etests/testdata/stable/giant_markdown_test/board.exp.json
+++ b/e2etests/testdata/stable/giant_markdown_test/board.exp.json
@@ -8,8 +8,8 @@
         "x": 0,
         "y": 226
       },
-      "width": 3046,
-      "height": 4858,
+      "width": 3051,
+      "height": 4848,
       "level": 1,
       "opacity": 1,
       "strokeDash": 0,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 3046,
-      "labelHeight": 4858
+      "labelWidth": 3051,
+      "labelHeight": 4848
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 1467,
+        "x": 1469,
         "y": 0
       },
       "width": 113,
@@ -80,8 +80,8 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 1467,
-        "y": 5184
+        "x": 1469,
+        "y": 5174
       },
       "width": 113,
       "height": 126,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1523,
+          "x": 1525.5,
           "y": 126
         },
         {
-          "x": 1523,
+          "x": 1525.5,
           "y": 166
         },
         {
-          "x": 1523,
+          "x": 1525.5,
           "y": 186
         },
         {
-          "x": 1523,
+          "x": 1525.5,
           "y": 226
         }
       ],
@@ -189,20 +189,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1523,
-          "y": 5084
+          "x": 1525.5,
+          "y": 5074
         },
         {
-          "x": 1523,
-          "y": 5124
+          "x": 1525.5,
+          "y": 5114
         },
         {
-          "x": 1523,
-          "y": 5144
+          "x": 1525.5,
+          "y": 5134
         },
         {
-          "x": 1523,
-          "y": 5184
+          "x": 1525.5,
+          "y": 5174
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/giant_markdown_test/sketch.exp.svg b/e2etests/testdata/stable/giant_markdown_test/sketch.exp.svg
index 9225fe5b4..f7f2ad90d 100644
--- a/e2etests/testdata/stable/giant_markdown_test/sketch.exp.svg
+++ b/e2etests/testdata/stable/giant_markdown_test/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
+width="3251" height="5500" viewBox="-100 -100 3251 5500"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,7 +797,7 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="3046" height="4858"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="3051" height="4848"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
 <ul>
 <li><a href="#overview">Overview</a>
 <ul>
@@ -1054,7 +1054,7 @@ title for the link, surrounded in quotes. For example:</p>
 <h3>Code</h3>
 <p>Unlike a pre-formatted code block, a code span indicates code within a
 normal paragraph. For example:</p>
-</div></foreignObject></g><rect class="shape" x="1467" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1523.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1467" y="5184" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1523.500000" y="5250.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 1523.000000 127.000000 C 1523.000000 166.000000 1523.000000 186.000000 1523.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1523.000000 5085.000000 C 1523.000000 5124.000000 1523.000000 5144.000000 1523.000000 5181.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="1469" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1469" y="5174" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="5240.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 1525.500000 127.000000 C 1525.500000 166.000000 1525.500000 186.000000 1525.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1525.500000 5075.000000 C 1525.500000 5114.000000 1525.500000 5134.000000 1525.500000 5171.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/hr/board.exp.json b/e2etests/testdata/stable/hr/board.exp.json
index 5258b9f6b..59e823a02 100644
--- a/e2etests/testdata/stable/hr/board.exp.json
+++ b/e2etests/testdata/stable/hr/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 226
       },
-      "width": 733,
+      "width": 738,
       "height": 134,
       "level": 1,
       "opacity": 1,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 733,
+      "labelWidth": 738,
       "labelHeight": 134
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 310,
+        "x": 313,
         "y": 0
       },
       "width": 113,
@@ -80,7 +80,7 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 310,
+        "x": 313,
         "y": 460
       },
       "width": 113,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 366.5,
+          "x": 369,
           "y": 126
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 166
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 186
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 226
         }
       ],
@@ -189,19 +189,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 366.5,
+          "x": 369,
           "y": 360
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 400
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 420
         },
         {
-          "x": 366.5,
+          "x": 369,
           "y": 460
         }
       ],
diff --git a/e2etests/testdata/stable/hr/sketch.exp.svg b/e2etests/testdata/stable/hr/sketch.exp.svg
index 74bcbff6c..16c470c95 100644
--- a/e2etests/testdata/stable/hr/sketch.exp.svg
+++ b/e2etests/testdata/stable/hr/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
+width="938" height="786" viewBox="-100 -100 938 786"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,11 +797,11 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="733" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="738" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
 can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
 <hr />
 <h2>Overview</h2>
-</div></foreignObject></g><rect class="shape" x="310" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="310" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 366.500000 127.000000 C 366.500000 166.000000 366.500000 186.000000 366.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 366.500000 361.000000 C 366.500000 400.000000 366.500000 420.000000 366.500000 457.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="313" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="313" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 369.000000 127.000000 C 369.000000 166.000000 369.000000 186.000000 369.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 369.000000 361.000000 C 369.000000 400.000000 369.000000 420.000000 369.000000 457.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/li1/sketch.exp.svg b/e2etests/testdata/stable/li1/sketch.exp.svg
index 896a6eb8a..264823dc2 100644
--- a/e2etests/testdata/stable/li1/sketch.exp.svg
+++ b/e2etests/testdata/stable/li1/sketch.exp.svg
@@ -653,7 +653,7 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
diff --git a/e2etests/testdata/stable/li2/sketch.exp.svg b/e2etests/testdata/stable/li2/sketch.exp.svg
index 26ce05963..3f331e4b4 100644
--- a/e2etests/testdata/stable/li2/sketch.exp.svg
+++ b/e2etests/testdata/stable/li2/sketch.exp.svg
@@ -653,7 +653,7 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
diff --git a/e2etests/testdata/stable/li3/sketch.exp.svg b/e2etests/testdata/stable/li3/sketch.exp.svg
index 7992f3ec0..8f81c713a 100644
--- a/e2etests/testdata/stable/li3/sketch.exp.svg
+++ b/e2etests/testdata/stable/li3/sketch.exp.svg
@@ -653,7 +653,7 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
diff --git a/e2etests/testdata/stable/li4/board.exp.json b/e2etests/testdata/stable/li4/board.exp.json
index 86233df2c..57a034b99 100644
--- a/e2etests/testdata/stable/li4/board.exp.json
+++ b/e2etests/testdata/stable/li4/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 226
       },
-      "width": 919,
+      "width": 920,
       "height": 376,
       "level": 1,
       "opacity": 1,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 919,
+      "labelWidth": 920,
       "labelHeight": 376
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 403,
+        "x": 404,
         "y": 0
       },
       "width": 113,
@@ -80,7 +80,7 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 403,
+        "x": 404,
         "y": 702
       },
       "width": 113,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 459.5,
+          "x": 460,
           "y": 126
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 166
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 186
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 226
         }
       ],
@@ -189,19 +189,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 459.5,
+          "x": 460,
           "y": 602
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 642
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 662
         },
         {
-          "x": 459.5,
+          "x": 460,
           "y": 702
         }
       ],
diff --git a/e2etests/testdata/stable/li4/sketch.exp.svg b/e2etests/testdata/stable/li4/sketch.exp.svg
index 9499faea0..d24060df1 100644
--- a/e2etests/testdata/stable/li4/sketch.exp.svg
+++ b/e2etests/testdata/stable/li4/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
+width="1120" height="1028" viewBox="-100 -100 1120 1028"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,7 +797,7 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="919" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
 paragraph in a list item must be indented by either 4 spaces
 or one tab:</p>
 <ol>
@@ -828,7 +828,7 @@ sit amet, consectetuer adipiscing elit.</p>
 <p>Another item in the same list.</p>
 </li>
 </ul>
-</div></foreignObject></g><rect class="shape" x="403" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="403" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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.500000 127.000000 C 459.500000 166.000000 459.500000 186.000000 459.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 459.500000 603.000000 C 459.500000 642.000000 459.500000 662.000000 459.500000 699.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="404" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="404" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 460.000000 127.000000 C 460.000000 166.000000 460.000000 186.000000 460.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 460.000000 603.000000 C 460.000000 642.000000 460.000000 662.000000 460.000000 699.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/lone_h1/board.exp.json b/e2etests/testdata/stable/lone_h1/board.exp.json
index 974555861..7c99b7389 100644
--- a/e2etests/testdata/stable/lone_h1/board.exp.json
+++ b/e2etests/testdata/stable/lone_h1/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 226
       },
-      "width": 263,
+      "width": 266,
       "height": 50,
       "level": 1,
       "opacity": 1,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 263,
+      "labelWidth": 266,
       "labelHeight": 50
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 75,
+        "x": 77,
         "y": 0
       },
       "width": 113,
@@ -80,7 +80,7 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 75,
+        "x": 77,
         "y": 376
       },
       "width": 113,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 131.5,
+          "x": 133,
           "y": 126
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 166
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 186
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 226
         }
       ],
@@ -189,19 +189,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 131.5,
+          "x": 133,
           "y": 276
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 316
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 336
         },
         {
-          "x": 131.5,
+          "x": 133,
           "y": 376
         }
       ],
diff --git a/e2etests/testdata/stable/lone_h1/sketch.exp.svg b/e2etests/testdata/stable/lone_h1/sketch.exp.svg
index 09e5030c8..6f027c25b 100644
--- a/e2etests/testdata/stable/lone_h1/sketch.exp.svg
+++ b/e2etests/testdata/stable/lone_h1/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
+width="466" height="702" viewBox="-100 -100 466 702"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,8 +797,8 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="263" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
-</div></foreignObject></g><rect class="shape" x="75" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="131.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="75" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="131.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 131.500000 127.000000 C 131.500000 166.000000 131.500000 186.000000 131.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 131.500000 277.000000 C 131.500000 316.000000 131.500000 336.000000 131.500000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</div></foreignObject></g><rect class="shape" x="77" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="77" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 133.000000 127.000000 C 133.000000 166.000000 133.000000 186.000000 133.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 133.000000 277.000000 C 133.000000 316.000000 133.000000 336.000000 133.000000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/markdown/board.exp.json b/e2etests/testdata/stable/markdown/board.exp.json
index 863113d74..921665d67 100644
--- a/e2etests/testdata/stable/markdown/board.exp.json
+++ b/e2etests/testdata/stable/markdown/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 226
       },
-      "width": 530,
+      "width": 531,
       "height": 186,
       "level": 1,
       "opacity": 1,
@@ -35,7 +35,7 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 530,
+      "labelWidth": 531,
       "labelHeight": 186
     },
     {
@@ -80,7 +80,7 @@
       "id": "y",
       "type": "",
       "pos": {
-        "x": 208,
+        "x": 209,
         "y": 512
       },
       "width": 114,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 265,
+          "x": 265.5,
           "y": 126
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 166
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 186
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 226
         }
       ],
@@ -189,19 +189,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 265,
+          "x": 265.5,
           "y": 412
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 452
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 472
         },
         {
-          "x": 265,
+          "x": 265.5,
           "y": 512
         }
       ],
diff --git a/e2etests/testdata/stable/markdown/sketch.exp.svg b/e2etests/testdata/stable/markdown/sketch.exp.svg
index dd70dcb88..77b0b5d0b 100644
--- a/e2etests/testdata/stable/markdown/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
+width="731" height="838" viewBox="-100 -100 731 838"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,14 +797,14 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="530" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="531" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
 <ul>
 <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
 <li>Please remain calm, it's no use both of us being hysterical at the same time</li>
 <li>Visits always give pleasure: if not on arrival, then on the departure</li>
 </ul>
 <p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p>
-</div></foreignObject></g><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="208" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 265.000000 127.000000 C 265.000000 166.000000 265.000000 186.000000 265.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.000000 413.000000 C 265.000000 452.000000 265.000000 472.000000 265.000000 509.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="209" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="266.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 265.500000 127.000000 C 265.500000 166.000000 265.500000 186.000000 265.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.500000 413.000000 C 265.500000 452.000000 265.500000 472.000000 265.500000 509.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/p/board.exp.json b/e2etests/testdata/stable/p/board.exp.json
index 63ee90082..e7bf9c0a9 100644
--- a/e2etests/testdata/stable/p/board.exp.json
+++ b/e2etests/testdata/stable/p/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 226
       },
-      "width": 1856,
+      "width": 1857,
       "height": 24,
       "level": 1,
       "opacity": 1,
@@ -35,7 +35,7 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 1856,
+      "labelWidth": 1857,
       "labelHeight": 24
     },
     {
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 928,
+          "x": 928.5,
           "y": 126
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 166
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 186
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 226
         }
       ],
@@ -189,19 +189,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 928,
+          "x": 928.5,
           "y": 250
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 290
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 310
         },
         {
-          "x": 928,
+          "x": 928.5,
           "y": 350
         }
       ],
diff --git a/e2etests/testdata/stable/p/sketch.exp.svg b/e2etests/testdata/stable/p/sketch.exp.svg
index 597bee33f..d70e73659 100644
--- a/e2etests/testdata/stable/p/sketch.exp.svg
+++ b/e2etests/testdata/stable/p/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
+width="2057" height="676" viewBox="-100 -100 2057 676"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,11 +797,11 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="1856" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
 by one or more blank lines. (A blank line is any line that looks like a
 blank line -- a line containing nothing but spaces or tabs is considered
 blank.) Normal paragraphs should not be indented with spaces or tabs.</p>
-</div></foreignObject></g><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 928.000000 127.000000 C 928.000000 166.000000 928.000000 186.000000 928.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.000000 251.000000 C 928.000000 290.000000 928.000000 310.000000 928.000000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 928.500000 127.000000 C 928.500000 166.000000 928.500000 186.000000 928.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.500000 251.000000 C 928.500000 290.000000 928.500000 310.000000 928.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/stable/pre/board.exp.json b/e2etests/testdata/stable/pre/board.exp.json
index c09d02a69..69727a4bd 100644
--- a/e2etests/testdata/stable/pre/board.exp.json
+++ b/e2etests/testdata/stable/pre/board.exp.json
@@ -8,8 +8,8 @@
         "x": 0,
         "y": 226
       },
-      "width": 601,
-      "height": 181,
+      "width": 602,
+      "height": 170,
       "level": 1,
       "opacity": 1,
       "strokeDash": 0,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 601,
-      "labelHeight": 181
+      "labelWidth": 602,
+      "labelHeight": 170
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 244,
+        "x": 245,
         "y": 0
       },
       "width": 113,
@@ -80,8 +80,8 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 244,
-        "y": 507
+        "x": 245,
+        "y": 496
       },
       "width": 113,
       "height": 126,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 300.5,
+          "x": 301,
           "y": 126
         },
         {
-          "x": 300.5,
+          "x": 301,
           "y": 166
         },
         {
-          "x": 300.5,
+          "x": 301,
           "y": 186
         },
         {
-          "x": 300.5,
+          "x": 301,
           "y": 226
         }
       ],
@@ -189,20 +189,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 300.5,
-          "y": 407
+          "x": 301,
+          "y": 396
         },
         {
-          "x": 300.5,
-          "y": 447
+          "x": 301,
+          "y": 436
         },
         {
-          "x": 300.5,
-          "y": 467
+          "x": 301,
+          "y": 456
         },
         {
-          "x": 300.5,
-          "y": 507
+          "x": 301,
+          "y": 496
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/pre/sketch.exp.svg b/e2etests/testdata/stable/pre/sketch.exp.svg
index 685ebf616..2992c0443 100644
--- a/e2etests/testdata/stable/pre/sketch.exp.svg
+++ b/e2etests/testdata/stable/pre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
+width="802" height="822" viewBox="-100 -100 802 822"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,14 +797,14 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="601" height="181"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
 <pre><code>tell application &quot;Foo&quot;
     beep
 end tell
 </code></pre>
 <p>A code block continues until it reaches a line that is not indented
 (or the end of the article).</p>
-</div></foreignObject></g><rect class="shape" x="244" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="244" y="507" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="573.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 300.500000 127.000000 C 300.500000 166.000000 300.500000 186.000000 300.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 300.500000 408.000000 C 300.500000 447.000000 300.500000 467.000000 300.500000 504.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="245" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="245" y="496" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="562.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 301.000000 127.000000 C 301.000000 166.000000 301.000000 186.000000 301.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 301.000000 397.000000 C 301.000000 436.000000 301.000000 456.000000 301.000000 493.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/todo/md_code_block_fenced/board.exp.json b/e2etests/testdata/todo/md_code_block_fenced/board.exp.json
index e23fa485a..d4e76fdd2 100644
--- a/e2etests/testdata/todo/md_code_block_fenced/board.exp.json
+++ b/e2etests/testdata/todo/md_code_block_fenced/board.exp.json
@@ -8,8 +8,8 @@
         "x": 0,
         "y": 226
       },
-      "width": 224,
-      "height": 125,
+      "width": 196,
+      "height": 111,
       "level": 1,
       "opacity": 1,
       "strokeDash": 0,
@@ -35,14 +35,14 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 224,
-      "labelHeight": 125
+      "labelWidth": 196,
+      "labelHeight": 111
     },
     {
       "id": "a",
       "type": "",
       "pos": {
-        "x": 56,
+        "x": 42,
         "y": 0
       },
       "width": 113,
@@ -80,8 +80,8 @@
       "id": "b",
       "type": "",
       "pos": {
-        "x": 56,
-        "y": 451
+        "x": 42,
+        "y": 437
       },
       "width": 113,
       "height": 126,
@@ -142,19 +142,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 112,
+          "x": 98,
           "y": 126
         },
         {
-          "x": 112,
+          "x": 98,
           "y": 166
         },
         {
-          "x": 112,
+          "x": 98,
           "y": 186
         },
         {
-          "x": 112,
+          "x": 98,
           "y": 226
         }
       ],
@@ -189,20 +189,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 112,
-          "y": 351
+          "x": 98,
+          "y": 337
         },
         {
-          "x": 112,
-          "y": 391
+          "x": 98,
+          "y": 377
         },
         {
-          "x": 112,
-          "y": 411
+          "x": 98,
+          "y": 397
         },
         {
-          "x": 112,
-          "y": 451
+          "x": 98,
+          "y": 437
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/todo/md_code_block_fenced/sketch.exp.svg b/e2etests/testdata/todo/md_code_block_fenced/sketch.exp.svg
index fa200d5c7..22dccfd98 100644
--- a/e2etests/testdata/todo/md_code_block_fenced/sketch.exp.svg
+++ b/e2etests/testdata/todo/md_code_block_fenced/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
+width="396" height="763" viewBox="-100 -100 396 763"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,12 +797,12 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="224" height="125"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
 	fenced: &quot;block&quot;,
 	of: &quot;json&quot;,
 }
 </code></pre>
-</div></foreignObject></g><rect class="shape" x="56" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="112.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="56" y="451" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="112.500000" y="517.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 112.000000 127.000000 C 112.000000 166.000000 112.000000 186.000000 112.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 112.000000 352.000000 C 112.000000 391.000000 112.000000 411.000000 112.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</div></foreignObject></g><rect class="shape" x="42" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="42" y="437" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="503.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 98.000000 127.000000 C 98.000000 166.000000 98.000000 186.000000 98.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 338.000000 C 98.000000 377.000000 98.000000 397.000000 98.000000 434.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
diff --git a/e2etests/testdata/todo/md_code_block_indented/sketch.exp.svg b/e2etests/testdata/todo/md_code_block_indented/sketch.exp.svg
index 7a9d0b25c..288d808fa 100644
--- a/e2etests/testdata/todo/md_code_block_indented/sketch.exp.svg
+++ b/e2etests/testdata/todo/md_code_block_indented/sketch.exp.svg
@@ -653,7 +653,7 @@ width="408" height="676" viewBox="-100 -100 408 676"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="408" height="676" viewBox="-100 -100 408 676"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
diff --git a/e2etests/testdata/todo/md_code_inline/board.exp.json b/e2etests/testdata/todo/md_code_inline/board.exp.json
index 7b59bd178..903f3b439 100644
--- a/e2etests/testdata/todo/md_code_inline/board.exp.json
+++ b/e2etests/testdata/todo/md_code_inline/board.exp.json
@@ -5,11 +5,11 @@
       "id": "md",
       "type": "text",
       "pos": {
-        "x": 31,
+        "x": 34,
         "y": 226
       },
-      "width": 52,
-      "height": 27,
+      "width": 46,
+      "height": 24,
       "level": 1,
       "opacity": 1,
       "strokeDash": 0,
@@ -35,8 +35,8 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 52,
-      "labelHeight": 27
+      "labelWidth": 46,
+      "labelHeight": 24
     },
     {
       "id": "a",
@@ -81,7 +81,7 @@
       "type": "",
       "pos": {
         "x": 0,
-        "y": 353
+        "y": 350
       },
       "width": 113,
       "height": 126,
@@ -190,19 +190,19 @@
       "route": [
         {
           "x": 56.5,
-          "y": 253
+          "y": 250
         },
         {
           "x": 56.5,
-          "y": 293
+          "y": 290
         },
         {
           "x": 56.5,
-          "y": 313
+          "y": 310
         },
         {
           "x": 56.5,
-          "y": 353
+          "y": 350
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/todo/md_code_inline/sketch.exp.svg b/e2etests/testdata/todo/md_code_inline/sketch.exp.svg
index e1b338a2a..fc98476f8 100644
--- a/e2etests/testdata/todo/md_code_inline/sketch.exp.svg
+++ b/e2etests/testdata/todo/md_code_inline/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
+width="313" height="676" viewBox="-100 -100 313 676"><style type="text/css">
 <![CDATA[
 .shape {
 	shape-rendering: geometricPrecision;
@@ -653,7 +653,7 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
-  /* font-size: 85%; */
+  font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
 }
@@ -693,8 +693,8 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
 .md pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%;
-  line-height: 1.45; */
+  font-size: 85%;
+  line-height: 1.45;
   background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
@@ -797,8 +797,8 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="31.000000" y="226.000000" width="52" height="27"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
-</div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="353" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="419.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 56.500000 127.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 254.000000 C 56.500000 293.000000 56.500000 313.000000 56.500000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
+</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.000000" y="226.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
+</div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 56.500000 127.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 251.000000 C 56.500000 290.000000 56.500000 310.000000 56.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }