From ce8309c5b3a9ed7012a328c06edffbc412da0685 Mon Sep 17 00:00:00 2001
From: Rich Tabor <hi@richtabor.com>
Date: Thu, 17 Oct 2024 09:12:51 -0400
Subject: [PATCH] tweak sizing to line up with button

---
 .../src/components/block-toolbar/change-design.js            | 3 ++-
 .../block-editor/src/components/block-toolbar/style.scss     | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

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={ () => (
 				<DropdownContentWrapper
 					className="block-editor-block-toolbar-change-design-content-wrapper"
-					paddingSize="medium"
+					paddingSize="none"
 				>
 					<BlockPatternsList
 						shownPatterns={ currentShownPatterns }
 						blockPatterns={ sameCategoryPatternsWithSingleWrapper }
 						onClickPattern={ onClickPattern }
+						showTitle={ false }
 					/>
 				</DropdownContentWrapper>
 			) }
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;
 		}