diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
index bebed230095ce0..c588561b4f9c4d 100644
--- a/packages/block-editor/src/components/inserter/style.scss
+++ b/packages/block-editor/src/components/inserter/style.scss
@@ -115,9 +115,9 @@ $block-inserter-tabs-height: 44px;
 	flex-direction: column;
 	overflow: hidden;
 
-	.block-editor-inserter__tablist-and-close {
+	.block-editor-inserter__tablist-and-close-button {
 		border-bottom: $border-width solid $gray-300;
-		padding-right: $grid-unit-10;
+		padding-right: $grid-unit-15;
 		display: flex;
 		justify-content: space-between;
 	}
diff --git a/packages/block-editor/src/components/inserter/tabs.js b/packages/block-editor/src/components/inserter/tabs.js
index 2bc20e76d4abba..b46e4bfdaf0148 100644
--- a/packages/block-editor/src/components/inserter/tabs.js
+++ b/packages/block-editor/src/components/inserter/tabs.js
@@ -39,7 +39,7 @@ function InserterTabs( { onSelect, children, onClose, selectedTab }, ref ) {
 	return (
 		<div className="block-editor-inserter__tabs" ref={ ref }>
 			<Tabs onSelect={ onSelect } selectedTabId={ selectedTab }>
-				<div className="block-editor-inserter__tablist-and-close">
+				<div className="block-editor-inserter__tablist-and-close-button">
 					<Button
 						className="block-editor-inserter__close-button"
 						icon={ closeSmall }