diff --git a/packages/block-editor/src/components/block-toolbar/change-design.js b/packages/block-editor/src/components/block-toolbar/change-design.js index ec1461e2ed5bc3..ecfeff6cb1ed3e 100644 --- a/packages/block-editor/src/components/block-toolbar/change-design.js +++ b/packages/block-editor/src/components/block-toolbar/change-design.js @@ -118,12 +118,13 @@ export default function ChangeDesign( { clientId } ) { renderContent={ () => ( ) } diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss index f6d53e6ad1e96d..26bf71356925e9 100644 --- a/packages/block-editor/src/components/block-toolbar/style.scss +++ b/packages/block-editor/src/components/block-toolbar/style.scss @@ -287,11 +287,12 @@ } .block-editor-block-toolbar-change-design-content-wrapper { - width: 350px; // Same with quick inserter results. + padding: $grid-unit-15; + width: 320px; .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr 1fr; - grid-gap: $grid-unit-10; + grid-gap: $grid-unit-15; .block-editor-block-patterns-list__list-item { margin-bottom: 0; }