From 748dea151bc272f932924c18d53193e33631a470 Mon Sep 17 00:00:00 2001
From: Joen A <1204802+jasmussen@users.noreply.github.com>
Date: Mon, 17 Oct 2022 21:33:47 +0200
Subject: [PATCH] Add a small radius to the multi selection style (#44708)

* Multi-select style: Add block radius to corners.
---
 packages/block-editor/src/components/block-list/style.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
index 2f0b0e6c9519a3..918906e62f8ccb 100644
--- a/packages/block-editor/src/components/block-list/style.scss
+++ b/packages/block-editor/src/components/block-list/style.scss
@@ -36,6 +36,10 @@
 
 	// Block multi selection
 	.block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) {
+		// Apply a rounded radius to the entire block.
+		border-radius: $radius-block-ui;
+		overflow: hidden;
+
 		// Hide the native selection indicator, for the selection, and children.
 		&::selection,
 		& ::selection {
@@ -54,6 +58,7 @@
 			left: 0;
 			background: var(--wp-admin-theme-color);
 			opacity: 0.4;
+			border-radius: $radius-block-ui;
 
 			// Animate.
 			animation: selection-overlay__fade-in-animation 0.1s ease-out;