diff --git a/package.json b/package.json
index d781ac4c..a11fabb8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "4.0.9",
+  "version": "4.0.10",
   "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index fe3eaff4..221c065d 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -8,7 +8,7 @@
     {% for item in media limit: count %}
       {% assign alt = item.alt | strip %}
       <a href="{{ item.url | stripUtm }}" title="{{ alt | escape }}">
-        <div class="item__wrapper"{% if shape != 'square' %} style="max-width:226px"{% endif %}>
+        <div class="item__wrapper">
           <div class="item__cover{% if item.subtext %} gradient{% endif %}"></div>
           <div class="item__meta-text">
             {% if item.title %}
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index d82b23a5..6924a36b 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -759,6 +759,10 @@ ol li {
   grid-template-columns: repeat(3,minmax(0,1fr));
 }
 
+.media__grid.vertical .item__wrapper {
+  max-width: 165px;
+}
+
 .media__grid .item__wrapper {
   position: relative;
   overflow: hidden;
@@ -1145,6 +1149,10 @@ textarea {
     grid-template-columns: repeat(6,minmax(0,1fr));
   }
 
+  .media__grid.vertical .item__wrapper {
+    max-width: 121px;
+  }
+
   /* contact */
   .contact__wrapper {
     flex-direction: row;