From 80c4868c559b3ba4925ad70edd4658a9df68f270 Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:38:47 +0530
Subject: [PATCH 1/6] fix: Inserter lightbox's button to use 40px default size.

---
 .../block-editor/src/components/inserter-listbox/item.js    | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/block-editor/src/components/inserter-listbox/item.js b/packages/block-editor/src/components/inserter-listbox/item.js
index 69c316bdbbcce..06c266d793d2f 100644
--- a/packages/block-editor/src/components/inserter-listbox/item.js
+++ b/packages/block-editor/src/components/inserter-listbox/item.js
@@ -33,11 +33,7 @@ function InserterListboxItem(
 					return children( propsWithTabIndex );
 				}
 				return (
-					<Button
-						// TODO: Switch to `true` (40px size) if possible
-						__next40pxDefaultSize={ false }
-						{ ...propsWithTabIndex }
-					>
+					<Button __next40pxDefaultSize { ...propsWithTabIndex }>
 						{ children }
 					</Button>
 				);

From c95264cbc79a532d064e2ec7f1776cde493267f3 Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:39:51 +0530
Subject: [PATCH 2/6] fix: Pattern Explorer Sidebar's button to use 40px
 default size.

---
 .../block-patterns-explorer/pattern-explorer-sidebar.js        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js b/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js
index 95de775e48eef..d258c24da10cf 100644
--- a/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js
+++ b/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js
@@ -15,8 +15,7 @@ function PatternCategoriesList( {
 			{ patternCategories.map( ( { name, label } ) => {
 				return (
 					<Button
-						// TODO: Switch to `true` (40px size) if possible
-						__next40pxDefaultSize={ false }
+						__next40pxDefaultSize
 						key={ name }
 						label={ label }
 						className={ `${ baseClassName }__categories-list__item` }

From e07939a5c5ac3403eec065796522f4c1d1d0399d Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:40:40 +0530
Subject: [PATCH 3/6] fix: Block Pattern's button to use 40px default size.

---
 .../src/components/inserter/block-patterns-tab/index.js        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab/index.js b/packages/block-editor/src/components/inserter/block-patterns-tab/index.js
index 0db78cec24dcb..141ebf8cc8401 100644
--- a/packages/block-editor/src/components/inserter/block-patterns-tab/index.js
+++ b/packages/block-editor/src/components/inserter/block-patterns-tab/index.js
@@ -61,8 +61,7 @@ function BlockPatternsTab( {
 						{ children }
 					</CategoryTabs>
 					<Button
-						// TODO: Switch to `true` (40px size) if possible
-						__next40pxDefaultSize={ false }
+						__next40pxDefaultSize
 						className="block-editor-inserter__patterns-explore-button"
 						onClick={ () => setShowPatternsExplorer( true ) }
 						variant="secondary"

From d676df4b86bbcc6e20ca3bd93b1fdc3bdba7a9f6 Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:41:24 +0530
Subject: [PATCH 4/6] fix: Media Preview's button to use 40px default size.

---
 .../src/components/inserter/media-tab/media-preview.js      | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/media-tab/media-preview.js b/packages/block-editor/src/components/inserter/media-tab/media-preview.js
index 4416b710302ce..64088f45fa1c3 100644
--- a/packages/block-editor/src/components/inserter/media-tab/media-preview.js
+++ b/packages/block-editor/src/components/inserter/media-tab/media-preview.js
@@ -100,8 +100,7 @@ function InsertExternalImageModal( { onClose, onSubmit } ) {
 			>
 				<FlexItem>
 					<Button
-						// TODO: Switch to `true` (40px size) if possible
-						__next40pxDefaultSize={ false }
+						__next40pxDefaultSize
 						variant="tertiary"
 						onClick={ onClose }
 					>
@@ -110,8 +109,7 @@ function InsertExternalImageModal( { onClose, onSubmit } ) {
 				</FlexItem>
 				<FlexItem>
 					<Button
-						// TODO: Switch to `true` (40px size) if possible
-						__next40pxDefaultSize={ false }
+						__next40pxDefaultSize
 						variant="primary"
 						onClick={ onSubmit }
 					>

From 7f74f1ba38e26dd810e39329fbd22874861e1546 Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:41:43 +0530
Subject: [PATCH 5/6] fix: Media Tab's button to use 40px default size.

---
 .../src/components/inserter/media-tab/media-tab.js             | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/media-tab/media-tab.js b/packages/block-editor/src/components/inserter/media-tab/media-tab.js
index 07fce9ee6d80b..ca901a127e5b4 100644
--- a/packages/block-editor/src/components/inserter/media-tab/media-tab.js
+++ b/packages/block-editor/src/components/inserter/media-tab/media-tab.js
@@ -71,8 +71,7 @@ function MediaTab( {
 							allowedTypes={ ALLOWED_MEDIA_TYPES }
 							render={ ( { open } ) => (
 								<Button
-									// TODO: Switch to `true` (40px size) if possible
-									__next40pxDefaultSize={ false }
+									__next40pxDefaultSize
 									onClick={ ( event ) => {
 										// Safari doesn't emit a focus event on button elements when
 										// clicked and we need to manually focus the button here.

From c82b451da35ce8ba0b679dfb8ab20b9360717fd9 Mon Sep 17 00:00:00 2001
From: Vipul Gupta <vipulgup04@gmail.com>
Date: Thu, 12 Sep 2024 07:42:10 +0530
Subject: [PATCH 6/6] fix: Quick Inserter's button to use 40px default size.

---
 .../block-editor/src/components/inserter/quick-inserter.js     | 3 +--
 packages/block-editor/src/components/inserter/style.scss       | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/quick-inserter.js b/packages/block-editor/src/components/inserter/quick-inserter.js
index e28ae1f3896c4..4a79ad6b1f083 100644
--- a/packages/block-editor/src/components/inserter/quick-inserter.js
+++ b/packages/block-editor/src/components/inserter/quick-inserter.js
@@ -138,8 +138,7 @@ export default function QuickInserter( {
 
 			{ setInserterIsOpened && (
 				<Button
-					// TODO: Switch to `true` (40px size) if possible
-					__next40pxDefaultSize={ false }
+					__next40pxDefaultSize
 					className="block-editor-inserter__quick-inserter-expand"
 					onClick={ onBrowseAll }
 					aria-label={ __(
diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
index 289acecb5c1c3..4e4cfe91a2798 100644
--- a/packages/block-editor/src/components/inserter/style.scss
+++ b/packages/block-editor/src/components/inserter/style.scss
@@ -419,7 +419,6 @@ $block-inserter-tabs-height: 44px;
 	background: $gray-900;
 	color: $white;
 	width: 100%;
-	height: ($button-size + $grid-unit-10);
 	border-radius: 0;
 
 	&:hover {