diff --git a/packages/slate-react-placeholder/src/index.js b/packages/slate-react-placeholder/src/index.js
index 8383d0610..983a1abe9 100644
--- a/packages/slate-react-placeholder/src/index.js
+++ b/packages/slate-react-placeholder/src/index.js
@@ -70,12 +70,12 @@ function SlateReactPlaceholder(options = {}) {
       }
 
       return (
-        <React.Fragment>
+        <span>
           <span contentEditable={false} style={style}>
             {placeholder}
           </span>
           {children}
-        </React.Fragment>
+        </span>
       )
     }
 
diff --git a/packages/slate-react/test/rendering/fixtures/placeholder/single-block-with-single-empty-text.js b/packages/slate-react/test/rendering/fixtures/placeholder/single-block-with-single-empty-text.js
index 5ca925227..47f1bbfb2 100644
--- a/packages/slate-react/test/rendering/fixtures/placeholder/single-block-with-single-empty-text.js
+++ b/packages/slate-react/test/rendering/fixtures/placeholder/single-block-with-single-empty-text.js
@@ -21,11 +21,13 @@ export const output = `
   <div style="position:relative">
     <span>
       <span data-slate-leaf="true">
-        <span contenteditable="false" style="pointer-events:none;display:inline-block;width:0;max-width:100%;white-space:nowrap;opacity:0.333">
-            placeholder text
-        </span>
-        <span data-slate-zero-width="n" data-slate-length="0">
-            <br>
+        <span>
+            <span contenteditable="false" style="pointer-events:none;display:inline-block;width:0;max-width:100%;white-space:nowrap;opacity:0.333">
+                placeholder text
+            </span>
+            <span data-slate-zero-width="n" data-slate-length="0">
+                <br>
+            </span>
         </span>
       </span>
     </span>