diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss index e996ab588d1639..f030ce7cdc6b58 100644 --- a/packages/edit-post/src/components/layout/style.scss +++ b/packages/edit-post/src/components/layout/style.scss @@ -1,14 +1,6 @@ .edit-post-layout__metaboxes { flex-shrink: 0; -} -.edit-post-layout__metaboxes:not(:empty) { - border-top: $border-width solid $gray-300; - padding: 10px 0 10px; clear: both; - - .edit-post-meta-boxes-area { - margin: auto 20px; - } } // Adjust the position of the notices diff --git a/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss b/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss index 022acd2eeee691..a77adb1c8d354d 100644 --- a/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss +++ b/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss @@ -19,6 +19,11 @@ box-sizing: border-box; } + .postbox-header { + border-top: $border-width solid $gray-300; + border-bottom: 0; + } + /* Match width and positioning of the meta boxes. Override default styles. */ #poststuff { margin: 0 auto; @@ -34,7 +39,7 @@ color: inherit; font-weight: 600; outline: none; - padding: 15px; + padding: 0 $grid-unit-30; position: relative; width: 100%; } @@ -46,9 +51,8 @@ } .postbox > .inside { - border-bottom: $border-width solid $gray-300; color: inherit; - padding: 0 $block-padding $block-padding; + padding: 0 $grid-unit-30 $grid-unit-30; margin: 0; }