From c4b19f342ad3ea6e670e42bbfa3f2bbc33e2018c Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Mon, 18 May 2020 20:48:54 +0200
Subject: [PATCH] Fix nested blocks top margins in form editor

[MAILPOET-2928]
---
 assets/css/src/components-form-editor/_block-editor.scss        | 2 +-
 .../js/src/form_editor/components/form_styling_background.jsx   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/css/src/components-form-editor/_block-editor.scss b/assets/css/src/components-form-editor/_block-editor.scss
index ea57219207..2e9017e599 100644
--- a/assets/css/src/components-form-editor/_block-editor.scss
+++ b/assets/css/src/components-form-editor/_block-editor.scss
@@ -52,7 +52,7 @@ h2 {
 }
 
 // Fix for form padding rendering
-.block-editor-block-list__layout .block-editor-block-list__block:first-child {
+.mailpoet-form-background > div > .block-editor-block-list__layout > .block-editor-block-list__block:first-child {
   margin-top: 0;
 }
 
diff --git a/assets/js/src/form_editor/components/form_styling_background.jsx b/assets/js/src/form_editor/components/form_styling_background.jsx
index 3573cb8edb..9183c6577e 100644
--- a/assets/js/src/form_editor/components/form_styling_background.jsx
+++ b/assets/js/src/form_editor/components/form_styling_background.jsx
@@ -47,6 +47,7 @@ const FormStylingBackground = ({ children }) => {
   }
   return (
     <div
+      className="mailpoet-form-background"
       style={{
         backgroundColor,
         color: fontColor,