From bd947409e6e8ff313011b77adc76ccd5f9112c78 Mon Sep 17 00:00:00 2001
From: sct <ryan@sct.dev>
Date: Thu, 24 Dec 2020 21:46:03 +0900
Subject: [PATCH] fix(frontend): fix scaling titlecard content position

---
 src/components/TitleCard/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TitleCard/index.tsx b/src/components/TitleCard/index.tsx
index 289679fb8..2b30b6253 100644
--- a/src/components/TitleCard/index.tsx
+++ b/src/components/TitleCard/index.tsx
@@ -163,10 +163,10 @@ const TitleCard: React.FC<TitleCardProps> = ({
             leaveFrom="opacity-100"
             leaveTo="opacity-0"
           >
-            <div className="absolute top-0 left-0 right-0 bottom-0">
+            <div className="absolute top-0 bottom-0 left-0 right-0">
               <Link href={mediaType === 'movie' ? `/movie/${id}` : `/tv/${id}`}>
                 <a
-                  className="absolute w-full h-full overflow-hidden text-left rounded-lg cursor-pointer"
+                  className="absolute top-0 bottom-0 left-0 right-0 w-full h-full overflow-hidden text-left rounded-lg cursor-pointer"
                   style={{
                     background:
                       'linear-gradient(180deg, rgba(45, 55, 72, 0.4) 0%, rgba(45, 55, 72, 0.9) 100%)',