diff --git a/src/components/slide/VirtualSlideView.vue b/src/components/slide/VirtualSlideView.vue
index 548a305e..da1a1b6f 100644
--- a/src/components/slide/VirtualSlideView.vue
+++ b/src/components/slide/VirtualSlideView.vue
@@ -232,7 +232,7 @@ watch(
 </script>
 
 <template>
-  <div class="slider-container" :class="{ 'is-scrolling': isScrolling }">
+  <div v-show="loading || items.length > 0" class="slider-container" :class="{ 'is-scrolling': isScrolling }">
     <div class="slider-header">
       <slot name="title">
         <SlideViewTitle />
diff --git a/src/pages/music.vue b/src/pages/music.vue
index 1a994e7a..6889c5ac 100644
--- a/src/pages/music.vue
+++ b/src/pages/music.vue
@@ -42,7 +42,7 @@ watch(query, searchMusic, { immediate: true })
   <div class="music-search-page">
     <VPageContentTitle :title="query || t('music.title')" />
 
-    <VSkeletonLoader v-if="loading" type="card, card, card" />
+    <LoadingBanner v-if="loading" class="mt-12" />
     <VRow v-else-if="results.length">
       <VCol v-for="item in results" :key="getMusicKey(item)" cols="12" md="6" xl="4">
         <MusicCard :music="item" />