diff --git a/src/components/MusicAlbumView.vue b/src/components/MusicAlbumView.vue
index be9ed03cbc6afaa48ee8697c0f4dde01daded263..8f3264e2656088acb42f65f953e9ff35b7dae387 100644
--- a/src/components/MusicAlbumView.vue
+++ b/src/components/MusicAlbumView.vue
@@ -254,8 +254,12 @@ const removeMusicFromAlbum = (albumId, songId) => {
 	removeSongFromPlaylist({
 		playlist_id: albumId,
 		song_id: songId,
-	})
+	}).then(() => {
+    const songIndex = props.musicList.findIndex(song => song.id === songId);
+    props.musicList.splice(songIndex, 1)
+  })
 }
+
 const enterMusicDescription = (musicId) => {
 }
 const enterArtistDescription = (artistName) => {
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 981865b9ba7061f4e584784a0f9b59197fe8a3e6..591240e1ed9245cbf06d990901f06e9f67d76cd0 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -711,7 +711,7 @@ onMounted(() => {
 			playlist_id: currentPlaylistId.value,
 		}).then((res) => {
 			songs.value = res.data.result;
-			displayingSongs.value = res.data.result;
+			displayingSongs.value = [...res.data.result];
 			currentSongId.value = songs.value[0].id;
 			
 			// TODO: currentSongIndex != currentSongId ?
@@ -774,7 +774,7 @@ const pauseCurrentSong = () => {
 
 const updateSongs = (newSongs) => {
 	songs.value = newSongs;
-	displayingSongs.value = newSongs;
+	displayingSongs.value = [...newSongs];
 };
 </script>