diff --git a/components/video-player/controls/EpisodeList.tsx b/components/video-player/controls/EpisodeList.tsx
index c40983b2..949ba173 100644
--- a/components/video-player/controls/EpisodeList.tsx
+++ b/components/video-player/controls/EpisodeList.tsx
@@ -98,7 +98,11 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
     [seasons, seasonIndex]
   );
 
-  const { data: episodes, isFetching } = useQuery({
+  const {
+    data: episodes,
+    isFetching,
+    isFetched,
+  } = useQuery({
     queryKey: ["episodes", item.SeriesId, selectedSeasonId],
     queryFn: async () => {
       if (!api || !user?.Id || !item.Id || !selectedSeasonId) return [];
@@ -117,14 +121,15 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
 
   useEffect(() => {
     if (item?.Type === "Episode" && item.Id) {
+      console.log("loaded");
       const index = episodes?.findIndex((ep) => ep.Id === item.Id);
       if (index !== undefined && index !== -1) {
         setTimeout(() => {
           scrollToIndex(index);
-        }, 400);
+        }, 500);
       }
     }
-  }, [episodes, item]);
+  }, [isFetched]);
 
   const queryClient = useQueryClient();
   useEffect(() => {
@@ -190,6 +195,7 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
       style={{
         position: "absolute",
         backgroundColor: "black",
+        height: "100%",
       }}
     >
       <>
@@ -221,67 +227,61 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
             <Ionicons name="close" size={24} color="white" />
           </TouchableOpacity>
         </View>
-        <View
-          style={{
-            alignSelf: "center",
-          }}
-        >
-          <HorizontalScroll
-            ref={scrollViewRef}
-            data={episodes}
-            extraData={item}
-            renderItem={(_item, idx) => (
-              <View
-                key={_item.Id}
-                style={{}}
-                className={`flex flex-col w-44 ${
-                  item.Id !== _item.Id ? "opacity-75" : ""
-                }`}
+        <HorizontalScroll
+          ref={scrollViewRef}
+          data={episodes}
+          extraData={item}
+          renderItem={(_item, idx) => (
+            <View
+              key={_item.Id}
+              style={{}}
+              className={`flex flex-col w-44 ${
+                item.Id !== _item.Id ? "opacity-75" : ""
+              }`}
+            >
+              <TouchableOpacity
+                onPress={() => {
+                  gotoEpisode(_item.Id);
+                }}
               >
-                <TouchableOpacity
-                  onPress={() => {
-                    gotoEpisode(_item.Id);
+                <ContinueWatchingPoster
+                  item={_item}
+                  useEpisodePoster
+                  showPlayButton={_item.Id !== item.Id}
+                />
+              </TouchableOpacity>
+              <View className="shrink">
+                <Text
+                  numberOfLines={2}
+                  style={{
+                    lineHeight: 18, // Adjust this value based on your text size
+                    height: 36, // lineHeight * 2 for consistent two-line space
                   }}
                 >
-                  <ContinueWatchingPoster
-                    item={_item}
-                    useEpisodePoster
-                    showPlayButton={_item.Id !== item.Id}
-                  />
-                </TouchableOpacity>
-                <View className="shrink">
-                  <Text
-                    numberOfLines={2}
-                    style={{
-                      lineHeight: 18, // Adjust this value based on your text size
-                      height: 36, // lineHeight * 2 for consistent two-line space
-                    }}
-                  >
-                    {_item.Name}
-                  </Text>
-                  <Text numberOfLines={1} className="text-xs text-neutral-475">
-                    {`S${_item.ParentIndexNumber?.toString()}:E${_item.IndexNumber?.toString()}`}
-                  </Text>
-                  <Text className="text-xs text-neutral-500">
-                    {runtimeTicksToSeconds(_item.RunTimeTicks)}
-                  </Text>
-                </View>
-                <View className="self-start mt-2">
-                  <DownloadSingleItem item={_item} />
-                </View>
-                <Text
-                  numberOfLines={5}
-                  className="text-xs text-neutral-500 shrink"
-                >
-                  {_item.Overview}
+                  {_item.Name}
+                </Text>
+                <Text numberOfLines={1} className="text-xs text-neutral-475">
+                  {`S${_item.ParentIndexNumber?.toString()}:E${_item.IndexNumber?.toString()}`}
+                </Text>
+                <Text className="text-xs text-neutral-500">
+                  {runtimeTicksToSeconds(_item.RunTimeTicks)}
                 </Text>
               </View>
-            )}
-            keyExtractor={(e: BaseItemDto) => e.Id ?? ""}
-            estimatedItemSize={200}
-            showsHorizontalScrollIndicator={false}
-          />
-        </View>
+              <View className="self-start mt-2">
+                <DownloadSingleItem item={_item} />
+              </View>
+              <Text
+                numberOfLines={5}
+                className="text-xs text-neutral-500 shrink"
+              >
+                {_item.Overview}
+              </Text>
+            </View>
+          )}
+          keyExtractor={(e: BaseItemDto) => e.Id ?? ""}
+          estimatedItemSize={200}
+          showsHorizontalScrollIndicator={false}
+        />
       </>
     </View>
   );