diff --git a/docs/src/demos/Guide/NodeViews/TableOfContents/Component.vue b/docs/src/demos/Guide/NodeViews/TableOfContents/Component.vue
index 85a9933f..f67c09fe 100644
--- a/docs/src/demos/Guide/NodeViews/TableOfContents/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/TableOfContents/Component.vue
@@ -63,7 +63,9 @@ export default {
     margin-top: 0.75em;
   }
 }
+</style>
 
+<style lang="scss" scoped>
 .toc {
   opacity: 0.75;
   border-radius: 0.5rem;
diff --git a/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue b/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
index 68012810..b39c6432 100644
--- a/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
+++ b/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
@@ -27,15 +27,15 @@ export default {
       ],
       content: `
         <toc></toc>
-        <h2>heading</h2>
+        <h2>1 heading</h2>
         <p>paragraph</p>
-        <h3>heading</h3>
+        <h3>1.1 heading</h3>
         <p>paragraph</p>
-        <h3>heading</h3>
+        <h3>1.2 heading</h3>
         <p>paragraph</p>
-        <h2>heading</h2>
+        <h2>2 heading</h2>
         <p>paragraph</p>
-        <h3>heading</h3>
+        <h3>2.1 heading</h3>
         <p>paragraph</p>
       `,
     })