diff --git a/materialious/src/lib/components/PlaylistThumbnail.svelte b/materialious/src/lib/components/PlaylistThumbnail.svelte
index ff110452..712c585c 100644
--- a/materialious/src/lib/components/PlaylistThumbnail.svelte
+++ b/materialious/src/lib/components/PlaylistThumbnail.svelte
@@ -26,9 +26,11 @@
 
 		let imgSrc = '';
 
+		console.log(playlist);
+
 		if (playlist.videos.length > 0) {
 			imgSrc = getBestThumbnail(playlist.videos[0].videoThumbnails) || '';
-		} else if (playlist.playlistThumbnail) {
+		} else if (playlist.playlistThumbnail.length > 0) {
 			imgSrc = playlist.playlistThumbnail;
 		} else {
 			imgSrc = '';
diff --git a/materialious/src/lib/store.ts b/materialious/src/lib/store.ts
index ff229405..8251c800 100644
--- a/materialious/src/lib/store.ts
+++ b/materialious/src/lib/store.ts
@@ -57,7 +57,6 @@ export const playerDefaultLanguage = persisted('defaultLanguage', 'original');
 export const playerCCByDefault = persisted('CCByDefault', false);
 export const playerDefaultPlaybackSpeed: Writable<number> = persisted('defaultPlaybackSpeed', 1);
 export const playerStatisticsByDefault = persisted('playerStatistics', false);
-
 export const playerPlaylistHistory: Writable<string[]> = writable([]);
 
 export const returnYtDislikesStore = persisted('returnYtDislikes', false);
diff --git a/materialious/src/routes/(app)/playlists/+page.svelte b/materialious/src/routes/(app)/playlists/+page.svelte
index e87111e4..918a67f7 100644
--- a/materialious/src/routes/(app)/playlists/+page.svelte
+++ b/materialious/src/routes/(app)/playlists/+page.svelte
@@ -40,7 +40,9 @@
 		{#each playlists.playlists as playlist}
 			<ContentColumn>
 				<article class="no-padding" style="height: 100%;">
-					<PlaylistThumbnail disabled={playlist.videoCount === 0} {playlist} />
+					{#key playlist.playlistId}
+						<PlaylistThumbnail disabled={playlist.videoCount === 0} {playlist} />
+					{/key}
 
 					<nav class="right-align padding">
 						<button