diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index a5b01035d9823c6dab6539a8065920ea361ff5f7..59a832989e3ae4b157d21da2768e834177e04630 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -526,8 +526,8 @@ const receiveDisplayingEpisodeByName = (episodeName) => {
     displayingEpisode.value = episode;
     console.log(episode);
     getSongsByPlaylist({playlist_id:  episode.id}).then((res) => {
-      displayingSongs.value = res.data.result;
       setMidComponents(4);
+      displayingSongs.value = res.data.result;
     }).catch(e => {
       console.log("Failed to get songs!");
     });