diff --git a/packages/block-library/src/spacer/edit.js b/packages/block-library/src/spacer/edit.js
index 445dbd7fc45989..b5115e945232e0 100644
--- a/packages/block-library/src/spacer/edit.js
+++ b/packages/block-library/src/spacer/edit.js
@@ -13,7 +13,7 @@ import { compose, withInstanceId } from '@wordpress/compose';
 import { withDispatch } from '@wordpress/data';
 import { useState } from '@wordpress/element';
 
-const MIN_SPACER_HEIGHT = 20;
+const MIN_SPACER_HEIGHT = 1;
 const MAX_SPACER_HEIGHT = 500;
 
 const SpacerEdit = ( {
diff --git a/packages/block-library/src/spacer/editor.scss b/packages/block-library/src/spacer/editor.scss
index 7b359a4bb12792..c007080a7cb78b 100644
--- a/packages/block-library/src/spacer/editor.scss
+++ b/packages/block-library/src/spacer/editor.scss
@@ -1,3 +1,10 @@
+.block-editor-block-list__block[data-type="core/spacer"] {
+	min-height: 20px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
 .block-library-spacer__resize-container.has-show-handle {
 	background: $gray-100;
 
@@ -8,7 +15,6 @@
 
 .block-library-spacer__resize-container {
 	clear: both;
-	margin-bottom: $default-block-margin;
 
 	// Don't show the horizontal indicator.
 	.components-resizable-box__handle::before {