diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
index 93f3fcab6bc6d..3e4bb7dd6392f 100644
--- a/packages/block-library/src/image/editor.scss
+++ b/packages/block-library/src/image/editor.scss
@@ -66,6 +66,9 @@ figure.wp-block-image:not(.wp-block) {
 
 // This is necessary for the editor resize handles to accurately work on a non-floated, non-resized, small image.
 .wp-block-image .components-resizable-box__container {
+	// Using "display: table" because:
+	// - it visually hides empty white space in between elements
+	// - it allows the element to be as wide as its contents (instead of 100% width, as it would be with `display: block`)
 	display: table;
 	img {
 		display: block;