diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
index 6fc8a48bc6b481..db7e48edcd73d8 100644
--- a/packages/block-library/src/image/editor.scss
+++ b/packages/block-library/src/image/editor.scss
@@ -17,6 +17,19 @@
 		margin-top: -9px;
 		margin-left: -9px;
 	}
+
+	// These need specificity to override an inherited left/right block margin in the editor.
+	&.wp-block-image.alignleft {
+		margin-right: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
+	}
+
+	&.wp-block-image.alignright {
+		margin-left: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
+	}
 }
 
 // This is necessary for the editor resize handles to accurately work on a non-floated, non-resized, small image.
diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss
index 98620035a445e3..7ad122489aeac9 100644
--- a/packages/block-library/src/image/style.scss
+++ b/packages/block-library/src/image/style.scss
@@ -39,6 +39,8 @@
 		float: left;
 		/*rtl:ignore*/
 		margin-right: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
 	}
 
 	.alignright {
@@ -46,6 +48,8 @@
 		float: right;
 		/*rtl:ignore*/
 		margin-left: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
 	}
 
 	.aligncenter {