diff --git a/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js b/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
index a670a8e55eca0..219d525071a7b 100644
--- a/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
+++ b/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
@@ -11,6 +11,7 @@ import {
SearchControl,
TextHighlight,
__experimentalText as Text,
+ __experimentalVStack as VStack,
__unstableComposite as Composite,
__unstableUseCompositeState as useCompositeState,
__unstableCompositeItem as CompositeItem,
@@ -158,9 +159,12 @@ function SuggestionList( { entityForSuggestions, onSelect } ) {
) }
{ debouncedSearch && ! suggestions?.length && (
-
+
{ labels.not_found }
-
+
) }
>
);
@@ -188,12 +192,12 @@ function AddCustomTemplateModal( {
>
{ isCreatingTemplate && }
{ ! showSearchEntities && (
- <>
-
+
+
{ __(
'Select whether to create a single template for all items or a specific one.'
) }
-
+
- >
+
) }
{ showSearchEntities && (
- <>
-
+
+
{ __(
'This template will be used only for the specific item chosen.'
) }
-
+
- >
+
) }
);
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 1bcc4e0a38e0b..5658d1c35a6e8 100644
--- a/packages/edit-site/src/components/add-new-template/style.scss
+++ b/packages/edit-site/src/components/add-new-template/style.scss
@@ -69,8 +69,6 @@
}
.edit-site-custom-template-modal__suggestions_list {
- margin-top: $grid-unit-20;
-
@include break-small() {
height: 232px;
overflow: scroll;
@@ -130,11 +128,8 @@
border: 1px solid $gray-400;
border-radius: $radius-block-ui;
padding: $grid-unit-20;
- margin-bottom: 0;
- margin-top: $grid-unit-20;
}
-
.edit-site-custom-generic-template__modal {
.components-base-control {
@include break-medium() {