From 2c92bbf94ebc763bf7b7b8919813d279623a66dd Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Thu, 9 Nov 2023 15:34:35 +0100
Subject: [PATCH] Fix poster issue

---
 package.json                       | 2 +-
 src/components/media/MediaCard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ca0077ae..11e6eaea 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "movie-web",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "private": true,
   "homepage": "https://movie-web.app",
   "dependencies": {
diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index 707c4fe4..9e127e35 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -51,7 +51,7 @@ function MediaCardContent({
       >
         <div
           className={[
-            "relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover bg-center transition-[border-radius] duration-100",
+            "relative mb-4 w-full overflow-hidden rounded-xl bg-denim-500 bg-cover bg-center pb-[150%] transition-[border-radius] duration-100",
             closable ? "" : "group-hover:rounded-lg",
           ].join(" ")}
           style={{