diff --git a/src/App.css b/src/App.css
index 1178623..4290fc8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -83,9 +83,9 @@ a {
 
 .react-loading-skeleton {
   display: block;
-  animation: pulse 1.5s ease-in-out 0.5s infinite;
+  animation: pulse 1.8s ease-in-out 0.5s infinite;
   transform: translateZ(0);
-  background: linear-gradient(-90deg, #000000 0%, #444 50%, #444 100%);
+  background: linear-gradient(-90deg, #000000 0%, #646161 50%, #646161  50%);
   background-size: 400% 400%;
 }
 
@@ -94,7 +94,7 @@ a {
     background-position: 0% 0%;
   }
   100% {
-    background-position: -100% 0%;
+    background-position: -100% 90%;
   }
 }
 
diff --git a/src/Pages/Details.jsx b/src/Pages/Details.jsx
index 69325b7..3211fc1 100644
--- a/src/Pages/Details.jsx
+++ b/src/Pages/Details.jsx
@@ -28,7 +28,15 @@ export default function Details(props) {
       const response = await api.json()
       const responseArray = [response];
       setDetail(responseArray);
-      const [firstEpisode] = response.episodes;
+      const firstEpisode = response.episodes.reduce(
+        (smallestEpisode, currentEpisode) => {
+          if (currentEpisode.number < smallestEpisode.number) {
+            return currentEpisode;
+          } else {
+            return smallestEpisode;
+          }
+        }
+      );
       if (firstEpisode) {
         setWatch(firstEpisode.id);
       } else {