From ef62c67480ed52d753ea6db8205f035b2e9da272 Mon Sep 17 00:00:00 2001
From: sct <sctsnipe@gmail.com>
Date: Mon, 23 Nov 2020 15:57:26 +0000
Subject: [PATCH] fix(frontend): fix request card placeholder sizes for mobile

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

diff --git a/src/components/RequestCard/index.tsx b/src/components/RequestCard/index.tsx
index 47a770f76..35466d91b 100644
--- a/src/components/RequestCard/index.tsx
+++ b/src/components/RequestCard/index.tsx
@@ -20,8 +20,8 @@ const isMovie = (movie: MovieDetails | TvDetails): movie is MovieDetails => {
 
 const RequestCardPlaceholder: React.FC = () => {
   return (
-    <div className="w-96 relative animate-pulse rounded-lg bg-gray-700 p-4">
-      <div className="w-28">
+    <div className="w-72 sm:w-96 relative animate-pulse rounded-lg bg-gray-700 p-4">
+      <div className="w-20 sm:w-28">
         <div className="w-full" style={{ paddingBottom: '150%' }} />
       </div>
     </div>