Add semantic headings to block inserter groups WordPress#22859

gaambo · Jun 4, 2020 · 7430d9e · 7430d9e
1 parent 5524834
commit 7430d9e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/inserter/panel.js b/packages/block-editor/src/components/inserter/panel.js
@@ -7,9 +7,9 @@ function InserterPanel( { title, icon, children } ) {
 	return (
 		<>
 			<div className="block-editor-inserter__panel-header">
-				<span className="block-editor-inserter__panel-title">
+				<h2 className="block-editor-inserter__panel-title">
 					{ title }
-				</span>
+				</h2>
 				<Icon icon={ icon } />
 			</div>
 			<div className="block-editor-inserter__panel-content">

diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
@@ -139,7 +139,7 @@ $block-inserter-tabs-height: 44px;
 	text-transform: uppercase;
 	font-size: 11px;
 	font-weight: 500;
-	margin-right: $grid-unit-10;
+	margin: 0 $grid-unit-10 0 0;
 }
 
 .block-editor-inserter__block-list {