try to scope react styles

docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss

@@ -10,9 +10,8 @@
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
-}
 
-.label {
+  .label {
     margin-left: 1rem;
     background-color: #0D0D0D;
     font-size: 0.6rem;
@@ -24,9 +23,10 @@
     top: 0;
     padding: 0.25rem 0.75rem;
     border-radius: 0 0 0.5rem 0.5rem;
-}
+  }
 
-.content {
+  .content {
     margin-top: 1.5rem;
     padding: 1rem;
+  }
 }

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" />

docs/src/demos/Guide/NodeViews/ReactComponentContent/styles.scss

@@ -5,14 +5,13 @@
   }
 }
 
-.react-component {
+.react-component-with-content {
   border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
-}
 
-.label {
+  .label {
     margin-left: 1rem;
     background-color: #0D0D0D;
     font-size: 0.6rem;
@@ -24,11 +23,13 @@
     top: 0;
     padding: 0.25rem 0.75rem;
     border-radius: 0 0 0.5rem 0.5rem;
-}
+  }
 
-.content {
+  .content {
     margin: 2.5rem 1rem 1rem;
     padding: 0.5rem;
     border: 2px dashed #0D0D0D20;
     border-radius: 0.5rem;
+  }
 }
+