diff --git a/src/pages/demo/index.html b/src/pages/demo/index.html
index d938be2..9c8710d 100644
--- a/src/pages/demo/index.html
+++ b/src/pages/demo/index.html
@@ -27,23 +27,23 @@
             >source code</a
           >.</warning-block
         >
-        <p>In this page, there are several things happening.</p>
+        <p>In this demo, there are several things happening.</p>
         <p>
-          In the grey box here everything is working, and we will breakdown the
-          code in the <a href="#breakdown">Breakdown</a> section below the page.
+          Imagine the grey box here is a page where everything is working, and
+          we will go through the code in the
+          <a href="#breakdown">Breakdown</a> section below the page.
         </p>
       </section>
       <section
         id="demo"
         style="
           padding: 1em;
-          margin: 3em 0;
+          margin: 2em 1em;
           box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
           border: 1px solid rgba(34, 34, 34, 0.15);
           border-radius: 5px;
         "
       >
-        <h2>Demo Page</h2>
         <a href="/demo/about">{{ count }}</a>
         <div>
           <my-hello-world data-name="{{name }}"></my-hello-world>