diff --git a/frontend/src/components/ReportListens.tsx b/frontend/src/components/ReportListens.tsx
index 221bc8b..61ec7b6 100644
--- a/frontend/src/components/ReportListens.tsx
+++ b/frontend/src/components/ReportListens.tsx
@@ -38,7 +38,7 @@ export const ReportListens: React.FC = () => {
 
   const { report, isLoading } = useListensReport(reportOptions);
 
-  const reportHasItems = !isLoading && report.length !== 0;
+  const reportHasItems = report.length !== 0;
 
   requireUser();
 
@@ -76,7 +76,7 @@ export const ReportListens: React.FC = () => {
               <div className="loader rounded-full border-8 h-64 w-64"></div>
             </div>
           )}
-          {!reportHasItems && (
+          {!reportHasItems && !isLoading && (
             <div>
               <p>Report is emtpy! :(</p>
             </div>
diff --git a/frontend/src/components/ReportTopAlbums.tsx b/frontend/src/components/ReportTopAlbums.tsx
index 5248b21..dabf9d2 100644
--- a/frontend/src/components/ReportTopAlbums.tsx
+++ b/frontend/src/components/ReportTopAlbums.tsx
@@ -26,7 +26,7 @@ export const ReportTopAlbums: React.FC = () => {
 
   const { topAlbums, isLoading } = useTopAlbums(options);
 
-  const reportHasItems = !isLoading && topAlbums.length !== 0;
+  const reportHasItems = topAlbums.length !== 0;
   const maxCount = getMaxCount(topAlbums);
 
   requireUser();
@@ -47,7 +47,7 @@ export const ReportTopAlbums: React.FC = () => {
               <div className="loader rounded-full border-8 h-64 w-64"></div>
             </div>
           )}
-          {!reportHasItems && (
+          {!reportHasItems && !isLoading && (
             <div>
               <p>Report is emtpy! :(</p>
             </div>
diff --git a/frontend/src/components/ReportTopArtists.tsx b/frontend/src/components/ReportTopArtists.tsx
index 917e592..9b89ba7 100644
--- a/frontend/src/components/ReportTopArtists.tsx
+++ b/frontend/src/components/ReportTopArtists.tsx
@@ -25,7 +25,7 @@ export const ReportTopArtists: React.FC = () => {
 
   const { topArtists, isLoading } = useTopArtists(options);
 
-  const reportHasItems = !isLoading && topArtists.length !== 0;
+  const reportHasItems = topArtists.length !== 0;
   const maxCount = getMaxCount(topArtists);
 
   requireUser();
@@ -46,7 +46,7 @@ export const ReportTopArtists: React.FC = () => {
               <div className="loader rounded-full border-8 h-64 w-64"></div>
             </div>
           )}
-          {!reportHasItems && (
+          {!reportHasItems && !isLoading && (
             <div>
               <p>Report is emtpy! :(</p>
             </div>
diff --git a/frontend/src/components/ReportTopGenres.tsx b/frontend/src/components/ReportTopGenres.tsx
index e9147c0..a0d7d7e 100644
--- a/frontend/src/components/ReportTopGenres.tsx
+++ b/frontend/src/components/ReportTopGenres.tsx
@@ -29,7 +29,7 @@ export const ReportTopGenres: React.FC = () => {
 
   const { topGenres, isLoading } = useTopGenres(options);
 
-  const reportHasItems = !isLoading && topGenres.length !== 0;
+  const reportHasItems = topGenres.length !== 0;
 
   requireUser();
 
@@ -51,7 +51,7 @@ export const ReportTopGenres: React.FC = () => {
               <div className="loader rounded-full border-8 h-64 w-64"></div>
             </div>
           )}
-          {!reportHasItems && (
+          {!reportHasItems && !isLoading && (
             <div>
               <p>Report is emtpy! :(</p>
             </div>
diff --git a/frontend/src/components/ReportTopTracks.tsx b/frontend/src/components/ReportTopTracks.tsx
index 591f55e..0ae1cc0 100644
--- a/frontend/src/components/ReportTopTracks.tsx
+++ b/frontend/src/components/ReportTopTracks.tsx
@@ -26,7 +26,7 @@ export const ReportTopTracks: React.FC = () => {
 
   const { topTracks, isLoading } = useTopTracks(options);
 
-  const reportHasItems = !isLoading && topTracks.length !== 0;
+  const reportHasItems = topTracks.length !== 0;
 
   requireUser();
 
@@ -48,7 +48,7 @@ export const ReportTopTracks: React.FC = () => {
               <div className="loader rounded-full border-8 h-64 w-64"></div>
             </div>
           )}
-          {!reportHasItems && (
+          {!reportHasItems && !isLoading && (
             <div>
               <p>Report is emtpy! :(</p>
             </div>