diff --git a/packages/edit-site/src/components/add-new-template/new-template.js b/packages/edit-site/src/components/add-new-template/new-template.js index 248ae01a2f0cb4..8e1a79b3764784 100644 --- a/packages/edit-site/src/components/add-new-template/new-template.js +++ b/packages/edit-site/src/components/add-new-template/new-template.js @@ -223,7 +223,7 @@ export default function NewTemplate( { gap={ 4 } align="flex-start" justify="center" - className="edit-site-add-new-template__modal__contents" + className="edit-site-add-new-template__template-list__contents" > { missingTemplates.map( ( template ) => { const { title, description, slug, onClick } = diff --git a/packages/edit-site/src/components/add-new-template/style.scss b/packages/edit-site/src/components/add-new-template/style.scss index d00f5999eece47..8cba1b118517ac 100644 --- a/packages/edit-site/src/components/add-new-template/style.scss +++ b/packages/edit-site/src/components/add-new-template/style.scss @@ -1,22 +1,3 @@ -.edit-site-new-template-dropdown { - .edit-site-new-template-dropdown__menu-groups { - @include break-small() { - min-width: 300px; - } - } - - // The specificity is needed to override the default tooltip styles. - &__menu-item-tooltip.components-tooltip .components-popover__content { - max-width: 320px; - padding: $grid-unit-10 $grid-unit-15; - border-radius: 2px; - white-space: pre-wrap; - min-width: 0; - width: auto; - text-align: left; - } -} - .edit-site-custom-template-modal { &__contents-wrapper { height: 100%; @@ -151,8 +132,7 @@ } } -.edit-site-add-new-template__modal, -.edit-site-custom-template-modal { +.edit-site-add-new-template__modal { max-width: $grid-unit-80 * 13; width: calc(100% - #{$grid-unit-80}); height: calc(100% - #{$grid-unit-80}); @@ -170,7 +150,7 @@ } .edit-site-custom-template-modal__contents, -.edit-site-add-new-template__modal__contents { +.edit-site-add-new-template__template-list__contents { > .components-button { padding: $grid-unit-30; border-radius: $radius-block-ui; @@ -214,7 +194,7 @@ } } -.edit-site-add-new-template__modal__contents { +.edit-site-add-new-template__template-list__contents { padding-bottom: $grid-unit-40; > .components-button {