From a5cfd7945df58097cec1c534128960ad7c970271 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Fri, 29 May 2020 08:22:50 -0400
Subject: [PATCH] Block Directory: Use semantic element for block heading
 (#22713)

---
 .../components/downloadable-block-header/index.js |  7 ++-----
 .../downloadable-block-header/style.scss          | 15 +++++++--------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/packages/block-directory/src/components/downloadable-block-header/index.js b/packages/block-directory/src/components/downloadable-block-header/index.js
index a35935d60a973..a99220f729bf9 100644
--- a/packages/block-directory/src/components/downloadable-block-header/index.js
+++ b/packages/block-directory/src/components/downloadable-block-header/index.js
@@ -37,12 +37,9 @@ export function DownloadableBlockHeader( {
 			) }
 
 			<div className="block-directory-downloadable-block-header__column">
-				<span
-					role="heading"
-					className="block-directory-downloadable-block-header__title"
-				>
+				<h2 className="block-directory-downloadable-block-header__title">
 					{ title }
-				</span>
+				</h2>
 				<BlockRatings rating={ rating } ratingCount={ ratingCount } />
 			</div>
 			<Button
diff --git a/packages/block-directory/src/components/downloadable-block-header/style.scss b/packages/block-directory/src/components/downloadable-block-header/style.scss
index 788a2ed066bb1..e073ef1c5472a 100644
--- a/packages/block-directory/src/components/downloadable-block-header/style.scss
+++ b/packages/block-directory/src/components/downloadable-block-header/style.scss
@@ -18,13 +18,12 @@
 		display: flex;
 		flex-direction: column;
 		flex-grow: 1;
-
-		.block-directory-downloadable-block-header__title {
-			font-weight: 600;
-			margin-left: 12px;
-		}
-		.block-directory-block-ratings {
-			margin-left: 12px;
-		}
+		padding-left: $grid-unit-15;
 	}
 }
+
+.block-directory-downloadable-block-header__title {
+	margin: 0;
+	font-size: $default-font-size;
+	color: currentColor;
+}