diff --git a/app/(auth)/(tabs)/(home,libraries,search,favorites)/items/page.tsx b/app/(auth)/(tabs)/(home,libraries,search,favorites)/items/page.tsx
index 25942472..f0bb2a46 100644
--- a/app/(auth)/(tabs)/(home,libraries,search,favorites)/items/page.tsx
+++ b/app/(auth)/(tabs)/(home,libraries,search,favorites)/items/page.tsx
@@ -27,6 +27,9 @@ const Page: React.FC = () => {
     ItemFields.MediaStreams,
   ]);
 
+  // preload media sources in background
+  useItemQuery(id, false, undefined, []);
+
   const opacity = useSharedValue(1);
   const animatedStyle = useAnimatedStyle(() => {
     return {
diff --git a/components/ItemContent.tsx b/components/ItemContent.tsx
index 197ee34f..3348c6aa 100644
--- a/components/ItemContent.tsx
+++ b/components/ItemContent.tsx
@@ -24,7 +24,6 @@ import { CurrentSeries } from "@/components/series/CurrentSeries";
 import { SeasonEpisodesCarousel } from "@/components/series/SeasonEpisodesCarousel";
 import useDefaultPlaySettings from "@/hooks/useDefaultPlaySettings";
 import { useImageColorsReturn } from "@/hooks/useImageColorsReturn";
-import { useItemQuery } from "@/hooks/useItemQuery";
 import { useOrientation } from "@/hooks/useOrientation";
 import * as ScreenOrientation from "@/packages/expo-screen-orientation";
 import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
@@ -69,9 +68,6 @@ export const ItemContent: React.FC<ItemContentProps> = React.memo(
       SelectedOptions | undefined
     >(undefined);
 
-    // preload media sources
-    useItemQuery(item.Id, false, undefined, []);
-
     const {
       defaultAudioIndex,
       defaultBitrate,