diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index d75e7f94..2842bb69 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -7,7 +7,7 @@
   <style>{{ css }}</style>
   {% endif %}
   {% assign media = data | normalizeMedia %}
-  <h2 id="{{ title | downcase }}" class="flex--centered">
+  <h2 id="{{ title | downcase }}" class="media__grid--header flex--centered">
     {% tablericon icon title %}
     {{ title }}
   </h2>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 66580f0d..2246a85b 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -3,10 +3,14 @@
   --grid-vertical: repeat(3,minmax(0,1fr));
 }
 
-h2 {
+.media__grid--header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
+.media__grid--header:first-of-type {
+  margin-top: 0;
+}
+
 .media__grid {
   display: grid;
   gap: var(--sizing-sm);
diff --git a/src/assets/styles/pages/now.css b/src/assets/styles/pages/now.css
index 36c6402e..ca0ab33d 100644
--- a/src/assets/styles/pages/now.css
+++ b/src/assets/styles/pages/now.css
@@ -14,11 +14,11 @@
   width: var(--sizing-base);
 }
 
-h2 {
+.media__grid--header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
-h2:first-of-type {
+.media__grid--header:first-of-type {
   margin-top: 0;
 }