diff --git a/src/static/Placeholders.js b/src/static/Placeholders.js
index fdb1f51..f04efc3 100644
--- a/src/static/Placeholders.js
+++ b/src/static/Placeholders.js
@@ -2,7 +2,7 @@ function Placeholder() {
   const placeholderRoot = document.createElement("div");
   placeholderRoot.dataset.type = "placeholder__image__container";
   placeholderRoot.className =
-    "relative aspect-square min-w-48 min-h-48 sm:min-w-auto rounded-sm overflow-hidden";
+    "relative aspect-square min-w-48 min-h-48 w-full h-full rounded-sm overflow-hidden ";
 
   const placeholderImage = document.createElement("a");
   placeholderImage.dataset.type = "placeholder__image";
@@ -37,7 +37,7 @@ function PlaceholderVid() {
   const placeholderRoot = document.createElement("div");
   placeholderRoot.dataset.type = "placeholder__video__container";
   placeholderRoot.className =
-    "relative aspect-square w-full h-full rounded-sm flex-shrink-0";
+    "relative aspect-square min-w-48 min-h-48 w-full h-full rounded-sm overflow-hidden ";
 
   const placeholderVid = document.createElement("video");
   placeholderVid.dataset.type = "placeholder__video";
diff --git a/src/static/tailwind.css b/src/static/tailwind.css
index 93d86a2..381699c 100644
--- a/src/static/tailwind.css
+++ b/src/static/tailwind.css
@@ -689,9 +689,6 @@
   .min-w-48 {
     min-width: calc(var(--spacing) * 48);
   }
-  .flex-0 {
-    flex: 0;
-  }
   .flex-shrink {
     flex-shrink: 1;
   }
diff --git a/src/templates/Components/PlaceHolder.tsx b/src/templates/Components/PlaceHolder.tsx
index 4616e03..fdaee43 100644
--- a/src/templates/Components/PlaceHolder.tsx
+++ b/src/templates/Components/PlaceHolder.tsx
@@ -2,7 +2,7 @@ export default function Placeholder(props: { isMobileHidden?: boolean }) {
   return (
     <div
       data-type="placeholder__image__container"
-      className={`relative aspect-square min-w-48 min-h-48 sm:min-w-auto rounded-sm overflow-hidden ${
+      className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm overflow-hidden flex-shrink-0 ${
         props.isMobileHidden ? "hidden xl:block" : ""
       }`}
     >
diff --git a/src/templates/Components/PlaceHolderVid.tsx b/src/templates/Components/PlaceHolderVid.tsx
index e0f7528..c53f7fd 100644
--- a/src/templates/Components/PlaceHolderVid.tsx
+++ b/src/templates/Components/PlaceHolderVid.tsx
@@ -2,7 +2,7 @@ export default function PlaceholderVid(props: { isMobileHidden?: boolean }) {
   return (
     <div
       data-type="placeholder__video__container"
-      className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm flex-shrink-0 ${
+      className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm overflow-hidden flex-shrink-0 ${
         props.isMobileHidden ? "hidden xl:block" : ""
       }`}
     >