diff --git a/package-lock.json b/package-lock.json
index fedcc78..372a947 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.1.7",
+      "version": "1.1.8",
       "license": "MIT",
       "dependencies": {
         "minisearch": "^7.1.2",
@@ -2948,9 +2948,9 @@
       "license": "ISC"
     },
     "node_modules/luxon": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.6.0.tgz",
-      "integrity": "sha512-WE7p0p7W1xji9qxkLYsvcIxZyfP48GuFrWIBQZIsbjCyf65dG1rv4n83HcOyEyhvzxJCrUoObCRNFgRNIQ5KNA==",
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.6.1.tgz",
+      "integrity": "sha512-tJLxrKJhO2ukZ5z0gyjY1zPh3Rh88Ej9P7jNrZiHMUXHae1yvI2imgOZtL1TO8TW6biMMKfTtAOoEJANgtWBMQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
diff --git a/package.json b/package.json
index 81ed5cd..64b0e1d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 5729581..5f52ca3 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -35,14 +35,6 @@
     left: var(--spacing-sm);
     bottom: var(--spacing-sm);
     max-width: calc(var(--sizing-full) - calc(var(--spacing-sm) * 2));
-    color: var(--text-color-inverted);
-    background-color: var(--section-color, var(--accent-color));
-    padding: var(--spacing-xs);
-    border-radius: var(--border-radius-slight);
-
-    & > * {
-      color: var(--text-color-inverted);
-    }
 
     .header,
     .subheader {
diff --git a/src/assets/styles/pages/media.css b/src/assets/styles/pages/media.css
index 9cbc819..43bca2e 100644
--- a/src/assets/styles/pages/media.css
+++ b/src/assets/styles/pages/media.css
@@ -32,3 +32,14 @@
 .concerts {
   margin-top: var(--spacing-base);
 }
+
+.media-highlight {
+  color: var(--text-color-inverted);
+  background-color: var(--section-color, var(--accent-color));
+  padding: var(--spacing-xs);
+  border-radius: var(--border-radius-slight);
+
+  & > * {
+    color: var(--text-color-inverted);
+  }
+}
diff --git a/src/includes/media/grid.liquid b/src/includes/media/grid.liquid
index d91f6d6..db1ad00 100644
--- a/src/includes/media/grid.liquid
+++ b/src/includes/media/grid.liquid
@@ -6,7 +6,7 @@
     <a href="{{ item.grid.url }}" title="{{ alt }}">
       <div class="media-grid-item">
         {%- if item.grid.title or item.grid.subtext -%}
-        <div class="meta-text {{ item.type }}">
+        <div class="meta-text media-highlight {{ item.type }}">
             {% if item.grid.title %}
             <div class="header">{{ item.grid.title }}</div>
             {% endif %}
diff --git a/src/includes/media/watching/hero.liquid b/src/includes/media/watching/hero.liquid
index ca123d6..349658f 100644
--- a/src/includes/media/watching/hero.liquid
+++ b/src/includes/media/watching/hero.liquid
@@ -1,6 +1,6 @@
 <a href="{{ movie.url }}">
   <div class="watching hero">
-    <div class="meta-text highlight-text">
+    <div class="meta-text media-highlight">
       <div class="header">{{ movie.title }}</div>
       <div class="subheader">
         {%- if movie.rating -%}