diff --git a/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss b/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
index 8df6a4d5..971b652e 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
+++ b/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
@@ -10,23 +10,23 @@
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
-}
 
-.label {
-  margin-left: 1rem;
-  background-color: #0D0D0D;
-  font-size: 0.6rem;
-  letter-spacing: 1px;
-  font-weight: bold;
-  text-transform: uppercase;
-  color: #fff;
-  position: absolute;
-  top: 0;
-  padding: 0.25rem 0.75rem;
-  border-radius: 0 0 0.5rem 0.5rem;
-}
+  .label {
+    margin-left: 1rem;
+    background-color: #0D0D0D;
+    font-size: 0.6rem;
+    letter-spacing: 1px;
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #fff;
+    position: absolute;
+    top: 0;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0 0 0.5rem 0.5rem;
+  }
 
-.content {
-  margin-top: 1.5rem;
-  padding: 1rem;
+  .content {
+    margin-top: 1.5rem;
+    padding: 1rem;
+  }
 }
diff --git a/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx b/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
index 98e98f8f..5865a14e 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
+++ b/docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
@@ -3,7 +3,7 @@ import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
 
 export default () => {
   return (
-    <NodeViewWrapper className="react-component">
+    <NodeViewWrapper className="react-component-with-content">
       <span className="label">React Component</span>
 
       <NodeViewContent className="content" />
diff --git a/docs/src/demos/Guide/NodeViews/ReactComponentContent/styles.scss b/docs/src/demos/Guide/NodeViews/ReactComponentContent/styles.scss
index c0eeabfc..277092de 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponentContent/styles.scss
+++ b/docs/src/demos/Guide/NodeViews/ReactComponentContent/styles.scss
@@ -5,30 +5,31 @@
   }
 }
 
-.react-component {
+.react-component-with-content {
   border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
+
+  .label {
+    margin-left: 1rem;
+    background-color: #0D0D0D;
+    font-size: 0.6rem;
+    letter-spacing: 1px;
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #fff;
+    position: absolute;
+    top: 0;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0 0 0.5rem 0.5rem;
+  }
+
+  .content {
+    margin: 2.5rem 1rem 1rem;
+    padding: 0.5rem;
+    border: 2px dashed #0D0D0D20;
+    border-radius: 0.5rem;
+  }
 }
 
-.label {
-  margin-left: 1rem;
-  background-color: #0D0D0D;
-  font-size: 0.6rem;
-  letter-spacing: 1px;
-  font-weight: bold;
-  text-transform: uppercase;
-  color: #fff;
-  position: absolute;
-  top: 0;
-  padding: 0.25rem 0.75rem;
-  border-radius: 0 0 0.5rem 0.5rem;
-}
-
-.content {
-  margin: 2.5rem 1rem 1rem;
-  padding: 0.5rem;
-  border: 2px dashed #0D0D0D20;
-  border-radius: 0.5rem;
-}