diff --git a/docs/src/demos/Examples/InteractiveNodeViews/Component.vue b/docs/src/demos/Examples/InteractiveNodeViews/Component.vue
index 32dbfbbd..b1793b8c 100644
--- a/docs/src/demos/Examples/InteractiveNodeViews/Component.vue
+++ b/docs/src/demos/Examples/InteractiveNodeViews/Component.vue
@@ -32,7 +32,7 @@ export default {
 
 <style lang="scss" scoped>
 .vue-component {
-  border: 1px solid #adb5bd;
+  border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
@@ -40,7 +40,7 @@ export default {
 
 .label {
   margin-left: 1rem;
-  background-color: #adb5bd;
+  background-color: #0D0D0D;
   font-size: 0.6rem;
   letter-spacing: 1px;
   font-weight: bold;
diff --git a/docs/src/demos/Examples/InteractiveNodeViews/index.js b/docs/src/demos/Examples/InteractiveNodeViews/Extension.js
similarity index 100%
rename from docs/src/demos/Examples/InteractiveNodeViews/index.js
rename to docs/src/demos/Examples/InteractiveNodeViews/Extension.js
diff --git a/docs/src/demos/Examples/InteractiveNodeViews/index.vue b/docs/src/demos/Examples/InteractiveNodeViews/index.vue
index 51b8fc0c..5f8f3c8b 100644
--- a/docs/src/demos/Examples/InteractiveNodeViews/index.vue
+++ b/docs/src/demos/Examples/InteractiveNodeViews/index.vue
@@ -5,7 +5,7 @@
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
 import { defaultExtensions } from '@tiptap/starter-kit'
-import VueComponent from './index.js'
+import VueComponent from './Extension.js'
 
 export default {
   components: {