fix editor styles after wp update

web/app/themes/badegg/resources/css/editor.scss

@@ -20,20 +20,6 @@
 }
 
 .editor-visual-editor {
-  .wp-block {
-    max-width: none;
-  }
-
-  .is-root-container > .wp-block:not(.block-list-appender) {
-    margin: 0;
-  }
-
-  .block-list-appender {
-    width: 350px;
-    max-width: 90%;
-    margin: 1em auto;
-  }
-
   &__post-title-wrapper {
     position: sticky;
     top: 0;
@@ -43,6 +29,17 @@
     background: white;
     box-shadow: 0 0.5rem 1rem rgba(black, 0.15);
   }
+}
+
+.editor-styles-wrapper {
+  background: colours.$grey-lightest;
+
+  .block-list-appender {
+    width: 350px;
+    max-width: 90%;
+    margin: 1em auto;
+  }
+}
 
 .wp-block-post-title {
   position: relative;
@@ -65,4 +62,8 @@
     font-weight: 400;
   }
 }
+
+.is-root-container > .wp-block:not(.block-list-appender) {
+  max-width: none;
+  margin: 0;
 }