diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
index 32710ae8c..dd4775f27 100644
--- a/cypress/platform/knsv.html
+++ b/cypress/platform/knsv.html
@@ -50,28 +50,21 @@
       end
     </pre>
     <pre class="mermaid" style="width: 50%">
-      sequenceDiagram
-        participant Alice
-        participant Bob
-        participant John as John<br/>Second Line
-        Alice ->> Bob: Hello Bob, how are you?
-        Bob-->>John: How about you John?
-        Bob--x Alice: I am good thanks!
-        Bob-x John: I am good thanks!
-        Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
-        Bob-->Alice: Checking with John...
-        alt either this
-          Alice->>John: Yes
-          else or this
-          Alice->>John: No
-          else or this will happen
-          Alice->John: Maybe
-        end
-        par this happens in parallel
-        Alice -->> Bob: Parallel message 1
-        and
-        Alice -->> John: Parallel message 2
-        end
+      %%{init: {"flowchart": {"htmlLabels": false}} }%%
+      flowchart LR
+      b("`The dog in **the** hog.(1)
+      NL`") --"`1o **bold**`"--> c[new strings svg labels]
+    </pre>
+    <pre class="mermaid" style="width: 50%">
+      %%{init: {"flowchart": {"htmlLabels": true}} }%%
+      flowchart LR
+      b("`The dog in **the** hog.(1)
+      NL`") --"`1o **bold**`"--> c[new strings html labels]
+    </pre>
+    <pre class="mermaid" style="width: 50%">
+      %%{init: {"flowchart": {"htmlLabels": true}} }%%
+      flowchart LR
+      b("The dog in the hog.(1)\nNL") --"1o bold"--> c[old strings svg labels]
     </pre>
     <script type="module">
       // import mindmap from '../../packages/mermaid-mindmap/src/detector';