diff --git a/package.json b/package.json
index 5ea0d592..610936c4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "11.3.3",
+  "version": "11.3.4",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 863451e4..62b5434b 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -1,10 +1,10 @@
 {% if data.size > 0 %}
   {% assign media = data | normalizeMedia %}
-  <div class="media__grid {% if shape == 'square' %}square{% else %}vertical{% endif %}">
+  <div class="media-grid {% if shape == 'square' %}square{% else %}vertical{% endif %}">
     {% for item in media limit: count %}
       {% assign alt = item.alt | strip | escape %}
       <a href="{{ item.url | stripUtm }}" title="{{ alt }}">
-        <div class="item__wrapper{% if item.subtext %} shadow{% endif %}">
+        <div class="item-wrapper{% if item.subtext %} shadow{% endif %}">
           <div class="meta-text">
             {% if item.title %}
               <div class="header">{{ item.title }}</div>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 110fb046..d1cc6d97 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -25,7 +25,7 @@
   justify-content: space-between;
 }
 
-.media__grid {
+.media-grid {
   display: grid;
   gap: var(--sizing-sm);
 
@@ -47,7 +47,7 @@
     }
   }
 
-  & .item__wrapper {
+  & .item-wrapper {
     position: relative;
 
     &.shadow picture::after {
@@ -58,7 +58,7 @@
       left: 1px;
       border-radius: calc(var(--sizing-xs) * .85);
       box-shadow: inset 0 -70px 50px -40px #000;
-      width: 100%;
+      width: calc(100% - 2px);
       height: calc(100% - 1px);
     }