diff --git a/src/features/MatchCard/CardFrontside/hooks.tsx b/src/features/MatchCard/CardFrontside/hooks.tsx
index 756a45e8..b28b3bfa 100644
--- a/src/features/MatchCard/CardFrontside/hooks.tsx
+++ b/src/features/MatchCard/CardFrontside/hooks.tsx
@@ -17,9 +17,7 @@ export const useCardPreview = ({
 }: TUseCardFrontside) => {
   const [previewImage, setPreviewImage] = useState('')
   const currentPreviewURL = useMemo(() => (
-    previewURL
-      ? `${previewURL}?access_token=${readToken()}`
-      : preview
+    previewURL ? `${previewURL}?access_token=${readToken()}` : preview
   ), [preview, previewURL])
 
   useEffect(() => {
@@ -27,12 +25,15 @@ export const useCardPreview = ({
       if (!currentPreviewURL) return
 
       const image = await fetch(String(currentPreviewURL), {
-        headers: {
-          Authorization: `Bearer ${readToken()}`,
-        },
-      }).then((result) => result.blob())
+        headers: { Authorization: `Bearer ${readToken()}` },
+      }).then(async (result) => ({
+        blob: await result.blob(),
+        status: result.status,
+      }))
 
-      setPreviewImage(URL.createObjectURL(image))
+      if (image.status === 200) {
+        setPreviewImage(URL.createObjectURL(image.blob))
+      }
     })()
   }, [currentPreviewURL])