diff --git a/cypress/platform/info.html b/cypress/platform/info.html
index c3544615374..1b32fe1d396 100644
--- a/cypress/platform/info.html
+++ b/cypress/platform/info.html
@@ -5,18 +5,20 @@
   <body>
     <h1>info below</h1>
     <pre class="mermaid">
-info
+        info
     </pre>
+
+    <hr />
+    <pre class="mermaid">
+        info showInfo
+    </pre>
+
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
         theme: 'forest',
-        // themeCSS: '.node rect { fill: red; }',
         logLevel: 3,
-        flowchart: { curve: 'linear' },
-        gantt: { axisFormat: '%m/%d/%Y' },
-        sequence: { actorMargin: 50 },
-        // sequenceDiagram: { actorMargin: 300 } // deprecated
+        securityLevel: 'loose',
       });
     </script>
   </body>
diff --git a/demos/info.html b/demos/info.html
index 7ef8f40fce8..a6b53270def 100644
--- a/demos/info.html
+++ b/demos/info.html
@@ -15,19 +15,18 @@
   <body>
     <h1>Info diagram demos</h1>
     <pre class="mermaid">
-    info
-  </pre
-    >
+        info
+    </pre>
 
     <hr />
     <pre class="mermaid">
-    info showInfo
-  </pre
-    >
+        info showInfo
+    </pre>
 
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
+        theme: 'forest',
         logLevel: 3,
         securityLevel: 'loose',
       });
