diff --git a/package-lock.json b/package-lock.json
index cbf4c6a2..ad01ea8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "24.4.0",
+  "version": "24.4.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "24.4.0",
+      "version": "24.4.1",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",
diff --git a/package.json b/package.json
index 7d3ef0d5..71a7cecc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "24.4.0",
+  "version": "24.4.1",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 9de76574..ffee3e5d 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -40,13 +40,13 @@
     }
   }
 
-  & .item-wrapper {
+  & .item {
     width: 100%;
     height: 100%;
     position: relative;
     display: flex;
 
-    &.shadow::after {
+    &::after {
       position: absolute;
       z-index: 1;
       content: '';
@@ -63,13 +63,13 @@
     }
   }
 
-  & a:hover .item-wrapper.shadow::after,
-  & a:active .item-wrapper.shadow::after {
+  & a:hover .item::after,
+  & a:active .item::after {
     border-color: var(--accent-color-hover)
   }
 
-  & a:focus .item-wrapper.shadow::after,
-  & a:focus-within .item-wrapper.shadow::after {
+  & a:focus .item::after,
+  & a:focus-within .item::after {
     border: 0;
     outline: var(----outline-default);
   }
diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css
index 449edaaf..98d95681 100644
--- a/src/assets/styles/pages/watching.css
+++ b/src/assets/styles/pages/watching.css
@@ -1,11 +1,11 @@
-a:focus > .watching.hero.shadow::after,
-a:focus-within > .watching.hero.shadow::after {
+a:focus > .watching.hero::after,
+a:focus-within > .watching.hero::after {
   border: 0;
   outline: var(--outline-default);
 }
 
-a:hover > .watching.hero.shadow::after,
-a:active > .watching.hero.shadow::after {
+a:hover > .watching.hero::after,
+a:active > .watching.hero::after {
   border-color: var(--accent-color-hover);
 }
 
@@ -52,7 +52,7 @@ a:active > .watching.hero.shadow::after {
       }
     }
 
-    &.shadow::after {
+    &::after {
       position: absolute;
       z-index: 1;
       content: '';
@@ -80,13 +80,13 @@ a:active > .watching.hero.shadow::after {
       aspect-ratio: var(--aspect-ratio-banner);
     }
 
-    & a:hover .item.shadow::after,
-    & a:active .item-wrapper.shadow::after {
+    & a:hover .item::after,
+    & a:active .item::after {
       border-color: var(--accent-color-hover)
     }
 
-    & a:focus .item.shadow::after,
-    & a:focus-within .item.shadow::after {
+    & a:focus .item::after,
+    & a:focus-within .item::after {
       border: 0;
       outline: var(----outline-default);
     }
@@ -134,7 +134,7 @@ a:active > .watching.hero.shadow::after {
     overflow: hidden;
     aspect-ratio: var(--aspect-ratio-banner);
 
-    &.shadow::after {
+    &::after {
       position: absolute;
       z-index: 1;
       content: '';
diff --git a/src/includes/partials/media/grid.liquid b/src/includes/partials/media/grid.liquid
index 98236485..3f4926da 100644
--- a/src/includes/partials/media/grid.liquid
+++ b/src/includes/partials/media/grid.liquid
@@ -5,7 +5,7 @@
     {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
     {%- assign alt = item.alt | strip | escape -%}
     <a href="{{ item.url }}" title="{{ alt }}">
-      <div class="item-wrapper shadow">
+      <div class="item">
         <div class="meta-text">
           {%- if item.title -%}
             <div class="header">{{ item.title }}</div>
diff --git a/src/includes/partials/media/watching/grid.liquid b/src/includes/partials/media/watching/grid.liquid
index 04603391..b53f7c9b 100644
--- a/src/includes/partials/media/watching/grid.liquid
+++ b/src/includes/partials/media/watching/grid.liquid
@@ -4,7 +4,7 @@
   {%- for item in items limit: count -%}
     {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
     <a href="{{ item.url }}">
-      <div class="watching item shadow">
+      <div class="watching item">
         <div class="meta-text">
           {%- if item.type == 'movie' -%}
             <div class="header">{{ item.title }}</div>
diff --git a/src/includes/partials/media/watching/hero.liquid b/src/includes/partials/media/watching/hero.liquid
index 64a51acf..1c8b4040 100644
--- a/src/includes/partials/media/watching/hero.liquid
+++ b/src/includes/partials/media/watching/hero.liquid
@@ -1,6 +1,6 @@
 {%- capture alt -%}{{ movie.title | escape }} ({{ movie.year }}){%- endcapture -%}
 <a href="{{ movie.url }}">
-  <div class="watching hero shadow">
+  <div class="watching hero">
     <div class="meta-text">
       <div class="header">{{ movie.title }} ({{ movie.year }})</div>
       <div class="subheader">