diff --git a/src/App/Identity/identity/Typography/index.js b/src/App/Identity/identity/Typography/index.js
index c9f5acbc24..29351b5a00 100644
--- a/src/App/Identity/identity/Typography/index.js
+++ b/src/App/Identity/identity/Typography/index.js
@@ -134,7 +134,7 @@ const Desktop = () => (
 					<td>
 						<h6>Title 6</h6>
 					</td>
-					<td>Arial bold</td>
+					<td>Swedbank Headline Bold</td>
 					<td>14 px</td>
 					<td>20 px</td>
 				</tr>
@@ -238,7 +238,7 @@ const Mobile = () => (
 					<td>
 						<h6>Title 6</h6>
 					</td>
-					<td>Arial bold</td>
+					<td>Swedbank Headline Bold</td>
 					<td>14 px</td>
 					<td>22 px</td>
 				</tr>
diff --git a/src/less/core/typography.less b/src/less/core/typography.less
index 69da626ed1..04b3712ba0 100644
--- a/src/less/core/typography.less
+++ b/src/less/core/typography.less
@@ -159,9 +159,10 @@ h5,
 
 h6,
 .h6 {
+	font-family: var(--brand-headline);
 	font-size: 0.875rem;
 	line-height: 1.375rem;
-	font-weight: var(--font-weight-bold, 700);
+	font-weight: var(--font-weight-header, 400);
 
 	.material-icons,
 	:is(