Mailchimp Block: Fix styling issue with FSE (#19566)

Co-authored-by: Andrew Serong <[email protected]>
Automattic · Apr 27, 2021 · 3c02774 · 3c02774
1 parent 3d1d967
commit 3c02774
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse b/projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse
@@ -0,0 +1,4 @@
+Significance: patch
+Type: compat
+
+Mailchimp block: add base styles to ensure compatibility with WordPress' Full Site Editing feature.
diff --git a/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss b/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss
@@ -8,10 +8,15 @@
 		}
 	}
 
-	.wp-block-jetpack-button {
+	.wp-block-jetpack-button, p {
 		margin-bottom: 1em;
 	}
 
+	input {
+		box-sizing: border-box;
+		width: 100%;
+	}
+
 	.error,
 	.error:focus {
 		outline: 1px;