diff --git a/packages/block-library/src/separator/edit.js b/packages/block-library/src/separator/edit.js
index 37d2e97df7c269..f611abde42a62b 100644
--- a/packages/block-library/src/separator/edit.js
+++ b/packages/block-library/src/separator/edit.js
@@ -16,18 +16,18 @@ import SeparatorSettings from './separator-settings';
 function SeparatorEdit( { color, setColor, className } ) {
 	return (
 		<>
-			<div { ...useBlockProps() }>
-				<HorizontalRule
-					className={ classnames( className, {
+			<HorizontalRule
+				{ ...useBlockProps( {
+					className: classnames( className, {
 						'has-background': color.color,
 						[ color.class ]: color.class,
-					} ) }
-					style={ {
+					} ),
+					style: {
 						backgroundColor: color.color,
 						color: color.color,
-					} }
-				/>
-			</div>
+					},
+				} ) }
+			/>
 			<SeparatorSettings color={ color } setColor={ setColor } />
 		</>
 	);
diff --git a/packages/block-library/src/spacer/edit.js b/packages/block-library/src/spacer/edit.js
index 28320e38f4d296..bb0e299afec8d8 100644
--- a/packages/block-library/src/spacer/edit.js
+++ b/packages/block-library/src/spacer/edit.js
@@ -12,6 +12,7 @@ import { PanelBody, ResizableBox, RangeControl } from '@wordpress/components';
 import { compose, withInstanceId } from '@wordpress/compose';
 import { withDispatch } from '@wordpress/data';
 import { useState } from '@wordpress/element';
+import { View } from '@wordpress/primitives';
 
 const MIN_SPACER_HEIGHT = 1;
 const MAX_SPACER_HEIGHT = 500;
@@ -48,7 +49,7 @@ const SpacerEdit = ( {
 
 	return (
 		<>
-			<div { ...useBlockProps() }>
+			<View { ...useBlockProps() }>
 				<ResizableBox
 					className={ classnames(
 						'block-library-spacer__resize-container',
@@ -80,7 +81,7 @@ const SpacerEdit = ( {
 						isVisible: isResizing,
 					} }
 				/>
-			</div>
+			</View>
 			<InspectorControls>
 				<PanelBody title={ __( 'Spacer settings' ) }>
 					<RangeControl
diff --git a/packages/primitives/src/index.js b/packages/primitives/src/index.js
index ba5d2f6f2ab084..6146e2bad4e88c 100644
--- a/packages/primitives/src/index.js
+++ b/packages/primitives/src/index.js
@@ -1,3 +1,4 @@
 export * from './svg';
 export * from './horizontal-rule';
 export * from './block-quotation';
+export * from './view';
diff --git a/packages/primitives/src/view/README.md b/packages/primitives/src/view/README.md
new file mode 100644
index 00000000000000..6d75a918c70450
--- /dev/null
+++ b/packages/primitives/src/view/README.md
@@ -0,0 +1,3 @@
+# View
+
+A drop-in replacement for the div element that works across devices.
diff --git a/packages/primitives/src/view/index.js b/packages/primitives/src/view/index.js
new file mode 100644
index 00000000000000..09e93aaf1f2c6d
--- /dev/null
+++ b/packages/primitives/src/view/index.js
@@ -0,0 +1 @@
+export const View = 'div';
diff --git a/packages/primitives/src/view/index.native.js b/packages/primitives/src/view/index.native.js
new file mode 100644
index 00000000000000..21ddb80582dd20
--- /dev/null
+++ b/packages/primitives/src/view/index.native.js
@@ -0,0 +1,4 @@
+/**
+ * External dependencies
+ */
+export { View } from 'react-native';