diff --git a/packages/edit-post/src/components/header/template-title/delete-template.js b/packages/edit-post/src/components/header/template-title/delete-template.js index 7a3f5d5c382073..d87246d758c417 100644 --- a/packages/edit-post/src/components/header/template-title/delete-template.js +++ b/packages/edit-post/src/components/header/template-title/delete-template.js @@ -45,9 +45,9 @@ export default function DeleteTemplate() { return ( { if ( diff --git a/packages/edit-post/src/components/header/template-title/edit-template-title.js b/packages/edit-post/src/components/header/template-title/edit-template-title.js index feabafcb9fdd09..301574541f6f53 100644 --- a/packages/edit-post/src/components/header/template-title/edit-template-title.js +++ b/packages/edit-post/src/components/header/template-title/edit-template-title.js @@ -40,6 +40,9 @@ export default function EditTemplateTitle() { { const settings = getEditorSettings(); const newAvailableTemplates = mapValues( diff --git a/packages/edit-post/src/components/header/template-title/style.scss b/packages/edit-post/src/components/header/template-title/style.scss index c537b7c05b539f..42872ac3d8c170 100644 --- a/packages/edit-post/src/components/header/template-title/style.scss +++ b/packages/edit-post/src/components/header/template-title/style.scss @@ -47,5 +47,22 @@ } .edit-post-template-top-area__popover .components-popover__content { - min-width: 360px; + min-width: 280px; +} + +.edit-post-template-top-area__second-menu-group { + margin-left: -$grid-unit-15; + margin-right: -$grid-unit-15; + padding: $grid-unit-15; + padding-bottom: 0; + border-top: $border-width solid $gray-300; + + .edit-post-template-top-area__delete-template-button { + display: flex; + justify-content: center; + + .components-menu-item__item { + margin-right: 0; + } + } }