diff --git a/src/renderer/features/albums/routes/album-detail-route.tsx b/src/renderer/features/albums/routes/album-detail-route.tsx
index f5585511a..5260eb7cd 100644
--- a/src/renderer/features/albums/routes/album-detail-route.tsx
+++ b/src/renderer/features/albums/routes/album-detail-route.tsx
@@ -17,6 +17,7 @@ import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library
 import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 import { useFastAverageColor } from '/@/renderer/hooks';
 import { useAlbumBackground, useCurrentServer } from '/@/renderer/store';
+import { Spinner } from '/@/shared/components/spinner/spinner';
 import { LibraryItem } from '/@/shared/types/domain-types';
 
 const AlbumDetailRoute = () => {
@@ -44,7 +45,7 @@ const AlbumDetailRoute = () => {
     const { background: backgroundColor, isLoading: isColorLoading } = useFastAverageColor({
         id: albumId,
         src: imageUrl,
-        srcLoaded: !detailQuery.isLoading,
+        srcLoaded: true,
     });
 
     const background = backgroundColor;
@@ -52,7 +53,7 @@ const AlbumDetailRoute = () => {
     const showBlurredImage = albumBackground;
 
     if (isColorLoading) {
-        return null;
+        return <Spinner container />;
     }
 
     return (