diff --git a/sass/atoms/_typography.scss b/sass/atoms/_typography.scss
index e1d66756..ecb86fd3 100644
--- a/sass/atoms/_typography.scss
+++ b/sass/atoms/_typography.scss
@@ -58,6 +58,10 @@ p {
   font-size: $tiny-text;
 }
 
+.slab-highlight {
+  @include slab-highlight();
+}
+
 .readable-line-length {
   @include readable-line-length();
 }
diff --git a/sass/mixins/_typography.scss b/sass/mixins/_typography.scss
index 560171e6..6701b1f1 100644
--- a/sass/mixins/_typography.scss
+++ b/sass/mixins/_typography.scss
@@ -64,6 +64,7 @@
 @mixin slab-highlight() {
   background-color: $neutral-100;
   color: $text-color-inverted;
+  font-family: $heading-font-family;
   font-weight: normal;
   max-width: max-content;
   padding: 0 $base-unit;