Fix style leak of Wagtail panel icons in h2 tag

client/src/components/Draftail/Draftail.scss

@@ -66,15 +66,6 @@ div[data-block='true'] {
     @include draftail-richtext-styles;
 }
 
-
-/* Get rid of cray number 6 that appears above h2 elements in draft editor. */
-.object.collapsible .DraftEditor-editorContainer h2::before,
-.object.collapsible .DraftEditor-editorContainer h2 label::before {
-    // TODO Assess whether !important is necessary.
-    // stylelint-disable declaration-no-important
-    content: none !important;
-}
-
 .public-DraftEditor-content,
 .public-DraftEditorPlaceholder-root {
     padding: 0;

wagtail/admin/static_src/wagtailadmin/scss/layouts/page-editor.scss

@@ -230,7 +230,7 @@
 
     // special panel for the publishing fields, requires a bit more pizzazz
     &.publishing {
-        h2:before {
+        > h2:before {
             content: '7';
             font-size: 1.8rem;
             line-height: 1.4em;
@@ -313,18 +313,18 @@
         // and h2 has position: absolute which doesn't add to it either, so it would be 0 without this
         min-height: 41px;
 
-        h2 {
+        > h2 {
             &:before,
-            label:before {
+            > label:before {
                 content: '6';
                 cursor: pointer;
             }
         }
 
         &.collapsed {
-            h2 {
+            > h2 {
                 &:before,
-                label:before {
+                > label:before {
                     content: '5';
                 }
             }