diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
index fbc64d8a..6d2a429a 100644
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -2,7 +2,8 @@ import React from 'react'
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewContentProps {
-  as: React.ElementType
+  className?: string,
+  as: React.ElementType,
 }
 
 export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
@@ -11,6 +12,7 @@ export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
 
   return (
     <Tag
+      className={props.className}
       data-node-view-content=""
       contentEditable={isEditable}
       style={{ whiteSpace: 'pre-wrap' }}
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
index 6e159123..9e47a982 100644
--- a/packages/react/src/NodeViewWrapper.tsx
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -2,7 +2,8 @@ import React from 'react'
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewWrapperProps {
-  as: React.ElementType
+  className?: string,
+  as: React.ElementType,
 }
 
 export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
@@ -11,6 +12,7 @@ export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
 
   return (
     <Tag
+      className={props.className}
       data-node-view-wrapper=""
       onDragStart={onDragStart}
       style={{ whiteSpace: 'normal' }}