diff --git a/web-src/src/pages/PageArtistSpotify.vue b/web-src/src/pages/PageArtistSpotify.vue
index a86aa851..c786c86b 100644
--- a/web-src/src/pages/PageArtistSpotify.vue
+++ b/web-src/src/pages/PageArtistSpotify.vue
@@ -50,7 +50,14 @@
           </template>
         </list-item-album-spotify>
         <VueEternalLoading v-if="offset < total" :load="load_next">
-          <template #no-more> . </template>
+          <template #loading>
+            <div class="columns is-centered">
+              <div class="column has-text-centered">
+                <mdicon class="icon mdi-spin" name="loading" />
+              </div>
+            </div>
+          </template>
+          <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-artist-spotify
           :show="show_details_modal"
diff --git a/web-src/src/pages/PagePlaylistTracksSpotify.vue b/web-src/src/pages/PagePlaylistTracksSpotify.vue
index 2455426c..087db45d 100644
--- a/web-src/src/pages/PagePlaylistTracksSpotify.vue
+++ b/web-src/src/pages/PagePlaylistTracksSpotify.vue
@@ -43,7 +43,14 @@
           </template>
         </list-item-track-spotify>
         <VueEternalLoading v-if="offset < total" :load="load_next">
-          <template #no-more> . </template>
+          <template #loading>
+            <div class="columns is-centered">
+              <div class="column has-text-centered">
+                <mdicon class="icon mdi-spin" name="loading" />
+              </div>
+            </div>
+          </template>
+          <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-track-spotify
           :show="show_track_details_modal"