From f8ed363c9ebb66cb94ba075d4c9d8af35a6c0c41 Mon Sep 17 00:00:00 2001
From: ramonjd <ramonjd@gmail.com>
Date: Tue, 28 Sep 2021 14:43:40 +1000
Subject: [PATCH] Ensure that the resizeable placeholder has a consistent
 background color (white) and border.

---
 packages/block-library/src/cover/editor.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/cover/editor.scss b/packages/block-library/src/cover/editor.scss
index cf1a06196c4f6..c1265d8261b90 100644
--- a/packages/block-library/src/cover/editor.scss
+++ b/packages/block-library/src/cover/editor.scss
@@ -9,6 +9,7 @@
 	&.is-placeholder {
 		min-height: auto !important;
 		padding: 0 !important;
+		border: $border-width solid  $gray-900;
 	}
 
 	&.components-placeholder h2 {
@@ -117,8 +118,10 @@
 	background-attachment: scroll;
 }
 
-.cover-block__cover-placeholder-container {
-	background: white;
+// Ensure the placeholder container styles are consistent when resizing.
+.wp-block-cover.is-placeholder .cover-block__cover-placeholder-container {
+	background: $white;
+	width: 100%;
 	.block-editor-media-placeholder {
 		box-shadow: none;
 	}