diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index d7fb641..f95dea7 100644
--- a/site/src/pages/index.html
+++ b/site/src/pages/index.html
@@ -33,7 +33,8 @@
         </p>
         <code-block>npm create <strong style="color: var(--color-blue)">mcfly</strong>@latest</code-block>
         <p>
-          Here's a sample interactive custom element: <vanilla-hello-world />
+          Here's a sample interactive custom element:
+          <vanilla-hello-world></vanilla-hello-world>
         </p>
         <p>
           Start at the very basic of writing HTML files and enhance with
diff --git a/templates/basic/src/pages/index.html b/templates/basic/src/pages/index.html
index 763c604..8798cbe 100644
--- a/templates/basic/src/pages/index.html
+++ b/templates/basic/src/pages/index.html
@@ -25,7 +25,8 @@
     <main>
       <h2>Welcome to {{ project.name }}</h2>
       <p>
-        Here's a vanilla custom element: <vanilla-hello-world />
+        Here's a vanilla custom element:
+        <vanilla-hello-world></vanilla-hello-world>
       </p>
       <code-block language="js">
 class HelloWorld extends HTMLElement {