diff --git a/web-src/src/pages/PageAlbums.vue b/web-src/src/pages/PageAlbums.vue
index 036ee282..b828063f 100644
--- a/web-src/src/pages/PageAlbums.vue
+++ b/web-src/src/pages/PageAlbums.vue
@@ -16,7 +16,7 @@
               </div>
               <p class="help">If active, hides artists that only appear on singles or playlists.</p>
             </div>
-            <div class="field">
+            <div class="field" v-if="spotify_enabled">
               <div class="control">
                 <input id="switchHideSpotify" type="checkbox" name="switchHideSpotify" class="switch" v-model="hide_spotify">
                 <label for="switchHideSpotify">Hide artists from Spotify</label>
@@ -89,6 +89,10 @@ export default {
       })
     },
 
+    spotify_enabled () {
+      return this.$store.state.spotify.webapi_token_valid
+    },
+
     hide_singles: {
       get () {
         return this.$store.state.hide_singles
diff --git a/web-src/src/pages/PageArtists.vue b/web-src/src/pages/PageArtists.vue
index 40c12e72..9f579eac 100644
--- a/web-src/src/pages/PageArtists.vue
+++ b/web-src/src/pages/PageArtists.vue
@@ -16,7 +16,7 @@
               </div>
               <p class="help">If active, hides artists that only appear on singles or playlists.</p>
             </div>
-            <div class="field">
+            <div class="field" v-if="spotify_enabled">
               <div class="control">
                 <input id="switchHideSpotify" type="checkbox" name="switchHideSpotify" class="switch" v-model="hide_spotify">
                 <label for="switchHideSpotify">Hide artists from Spotify</label>
@@ -86,6 +86,10 @@ export default {
       })
     },
 
+    spotify_enabled () {
+      return this.$store.state.spotify.webapi_token_valid
+    },
+
     hide_singles: {
       get () {
         return this.$store.state.hide_singles