diff --git a/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx b/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
index 5865a14e..aa8b0370 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
+++ b/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
@@ -4,7 +4,7 @@ import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
 export default () => {
   return (
     <NodeViewWrapper className="react-component-with-content">
-      <span className="label">React Component</span>
+      <span className="label" contenteditable="false">React Component</span>
 
       <NodeViewContent className="content" />
     </NodeViewWrapper>
diff --git a/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
index e279318a..45aac439 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
@@ -1,6 +1,6 @@
 <template>
   <node-view-wrapper class="vue-component">
-    <span class="label">Vue Component</span>
+    <span class="label" contenteditable="false">Vue Component</span>
 
     <node-view-content class="content" />
   </node-view-wrapper>