diff --git a/packages/vanilla/preact.html b/packages/vanilla/preact.html
index 99d0ea6ae..7389d38ba 100644
--- a/packages/vanilla/preact.html
+++ b/packages/vanilla/preact.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>@microlink/vanilla</title>
+  <title>@microlink/preact</title>
   <link rel="stylesheet" href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codecopy/umd/codecopy.min.css">
   <script src="https://cdn.jsdelivr.net/npm/codecopy/umd/codecopy.min.js"></script>
@@ -114,6 +114,7 @@ <h1 class="f4 black tc">custom</h1>
       <div><a class="link max-width-card" href="https://microlink.io"
           data-set-data='{"title": "hello world"}'>microlink.io</a></div>
     </section>
+  </article>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/preact@10.3.1/dist/preact.umd.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/preact@10.3.1/hooks/dist/hooks.umd.min.js"></script>
@@ -124,6 +125,7 @@ <h1 class="f4 black tc">custom</h1>
 <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script>
 <script src="./dist/microlink.js"></script>
 
+
 <script>
   document.addEventListener('DOMContentLoaded', function (event) {
     codecopy('pre')
