diff --git a/Selector.Web/Pages/Now.cshtml b/Selector.Web/Pages/Now.cshtml
index 4a72306..31a6ffc 100644
--- a/Selector.Web/Pages/Now.cshtml
+++ b/Selector.Web/Pages/Now.cshtml
@@ -26,7 +26,7 @@
         <info-card v-for="card in cards" :html="card.content"></info-card>
 
         <artist-breakdown :play_count="playCount"
-                            v-if="playCount !== null && playCount !== undefined"></artist-breakdown>
+                            v-if="showArtistBreakdown"></artist-breakdown>
 
         <play-count-chart-card-comb :data_points="combinedData"
                                     :chart_id="'combined'"
diff --git a/Selector.Web/scripts/now.ts b/Selector.Web/scripts/now.ts
index c6a1d0c..8435d4e 100644
--- a/Selector.Web/scripts/now.ts
+++ b/Selector.Web/scripts/now.ts
@@ -7,7 +7,6 @@ import { PlayCountChartCard, CombinedPlayCountChartCard } from "./Now/PlayCountG
 import { ArtistBreakdownChartCard } from "./Now/ArtistBreakdownGraph";
 import { PlayCountCard, LastFmLogoLink } from "./Now/LastFm";
 import BaseInfoCard from "./Now/BaseInfoCard";
-import { DateTime } from "luxon";
 
 const connection = new signalR.HubConnectionBuilder()
     .withUrl("/hub")
@@ -63,6 +62,9 @@ const app = Vue.createApp({
         showTrackChart(){
             return this.playCount !== null && this.playCount !== undefined && this.playCount.trackCountData.length > 3;
         },
+        showArtistBreakdown(){
+            return this.playCount !== null && this.playCount !== undefined && this.playCount.artist > 0;
+        },
         earliestDate(){
             return this.playCount.artistCountData[0].timeStamp;
         },