4 files changed, 18 insertions, 6 deletions
diff --git a/components/anime/viewMode/thumbnailDetail.js b/components/anime/viewMode/thumbnailDetail.js
index 494a89f..d8cbfcc 100644
--- a/components/anime/viewMode/thumbnailDetail.js
+++ b/components/anime/viewMode/thumbnailDetail.js
@@ -18,6 +18,12 @@ export default function ThumbnailDetail({
   let prog = (time / duration) * 100;
   if (prog > 90) prog = 100;
 
+  const parsedImage = image
+    ? image?.includes("null")
+      ? info.coverImage?.extraLarge
+      : image
+    : info.coverImage?.extraLarge || null;
+
   return (
     <Link
       key={index}
@@ -28,9 +34,9 @@ export default function ThumbnailDetail({
     >
       <div className="w-[43%] lg:w-[30%] relative shrink-0 z-40 rounded-lg overflow-hidden shadow-[4px_0px_5px_0px_rgba(0,0,0,0.3)]">
         <div className="relative">
-          {image && (
+          {parsedImage && (
             <Image
-              src={image || ""}
+              src={parsedImage || ""}
               alt={`Episode ${epi?.number} Thumbnail`}
               width={520}
               height={236}
diff --git a/components/anime/viewMode/thumbnailOnly.js b/components/anime/viewMode/thumbnailOnly.js
index 1b403fa..c7fe674 100644
--- a/components/anime/viewMode/thumbnailOnly.js
+++ b/components/anime/viewMode/thumbnailOnly.js
@@ -14,6 +14,12 @@ export default function ThumbnailOnly({
   const duration = artStorage?.[episode?.id]?.duration;
   let prog = (time / duration) * 100;
   if (prog > 90) prog = 100;
+
+  const parsedImage = image
+    ? image?.includes("null")
+      ? info.coverImage?.extraLarge
+      : image
+    : info.coverImage?.extraLarge || null;
   return (
     <Link
       // key={index}
@@ -37,9 +43,9 @@ export default function ThumbnailOnly({
         }}
       />
       {/* <div className="absolute inset-0 bg-black z-30 opacity-20" /> */}
-      {image && (
+      {parsedImage && (
         <Image
-          src={image || ""}
+          src={parsedImage || ""}
           alt={`Episode ${episode?.number} Thumbnail`}
           width={500}
           height={500}
diff --git a/components/home/content.js b/components/home/content.js
index 1cf4c5f..d2498f6 100644
--- a/components/home/content.js
+++ b/components/home/content.js
@@ -312,7 +312,7 @@ export default function Content({
                         <Fragment>
                           <Image
                             src="/svg/episode-badge.svg"
-                            alt="episode-bade"
+                            alt="episode-badge"
                             width={200}
                             height={100}
                             className="w-24 lg:w-32 absolute top-1 -right-[12px] lg:-right-[17px] z-40"
diff --git a/components/watch/secondary/episodeLists.js b/components/watch/secondary/episodeLists.js
index 485b43e..a676be0 100644
--- a/components/watch/secondary/episodeLists.js
+++ b/components/watch/secondary/episodeLists.js
@@ -20,7 +20,7 @@ export default function EpisodeLists({
 
   return (
     <div className="w-screen lg:max-w-sm xl:max-w-lg">
-      <div className="flex gap-4 pl-5 pb-5">
+      <div className="flex gap-4 px-3 lg:pl-5 pb-5">
         <button
           disabled={!track?.next}
           onClick={() => {