diff --git a/README.md b/README.md
index 92e2e94..50f1165 100644
--- a/README.md
+++ b/README.md
@@ -53,9 +53,7 @@ services:
 
 ### Reiverr will be accessible via port 9494 by default.
 
-If you have any questions or run into issues, you can start a [discussion](https://github.com/aleksilassila/reiverr/discussions) or open an [issue](https://github.com/aleksilassila/reiverr/issues).
-
-## Early Adopters: jellyfin login is currently broken and will be fixed later today
+If you have any questions or run into issues or bugs, you can start a [discussion](https://github.com/aleksilassila/reiverr/discussions) or open an [issue](https://github.com/aleksilassila/reiverr/issues).
 
 ### Other Upcoming Platforms
 
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 6d12a26..c520b13 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -4,7 +4,7 @@
 
 	const dispatch = createEventDispatcher();
 
-	export let size: 'md' | 'sm' | 'lg' = 'md';
+	export let size: 'md' | 'sm' | 'lg' | 'xs' = 'md';
 	export let type: 'primary' | 'secondary' | 'tertiary' = 'secondary';
 	export let disabled = false;
 
@@ -13,18 +13,19 @@
 
 	let buttonStyle: string;
 	$: buttonStyle = classNames(
-		'flex items-center gap-1 rounded-xl font-medium select-none cursor-pointer selectable transition-all flex-shrink-0',
+		'flex items-center gap-1 font-medium select-none cursor-pointer selectable transition-all flex-shrink-0',
 		{
-			'bg-white text-zinc-900 font-extrabold backdrop-blur-lg': type === 'primary',
+			'bg-white text-zinc-900 font-extrabold backdrop-blur-lg rounded-xl': type === 'primary',
 			'hover:bg-amber-400 focus-within:bg-amber-400 hover:border-amber-400 focus-within:border-amber-400':
 				type === 'primary' && !disabled,
-			'text-zinc-200 bg-zinc-400 bg-opacity-20 backdrop-blur-lg': type === 'secondary',
+			'text-zinc-200 bg-zinc-400 bg-opacity-20 backdrop-blur-lg rounded-xl': type === 'secondary',
 			'focus-visible:bg-zinc-200 focus-visible:text-zinc-800 hover:bg-zinc-200 hover:text-zinc-800':
 				(type === 'secondary' || type === 'tertiary') && !disabled,
 			'rounded-full': type === 'tertiary',
 			'py-2 px-6 sm:py-3 sm:px-6': size === 'lg',
 			'py-2 px-6': size === 'md',
-			'py-1 px-3': size === 'sm',
+			'py-1 px-4': size === 'sm',
+			'py-1 px-4 text-sm': size === 'xs',
 			'opacity-50': disabled,
 			'cursor-pointer': !disabled
 		}
diff --git a/src/lib/components/UpdateChecker.svelte b/src/lib/components/UpdateChecker.svelte
index 8bd96d7..af56659 100644
--- a/src/lib/components/UpdateChecker.svelte
+++ b/src/lib/components/UpdateChecker.svelte
@@ -1,28 +1,40 @@
 <script lang="ts">
-	import { skippedVersion } from '$lib/localstorage';
-	import axios from 'axios';
-	import IconButton from './IconButton.svelte';
-	import { Cross2 } from 'radix-icons-svelte';
-	import { log } from '$lib/utils';
 	import { version } from '$app/environment';
+	import { createLocalStorageStore } from '$lib/localstorage';
+	import { Cross2 } from 'radix-icons-svelte';
+	import IconButton from './IconButton.svelte';
+	import axios from 'axios';
+	import Button from './Button.svelte';
 
 	let visible = true;
 
-	function fetchLatestVersion() {
+	const skippedVersion = createLocalStorageStore<string>('skipped-version');
+
+	async function fetchLatestVersion() {
 		return axios
-			.get('https://api.github.com/repos/aleksilassila/reiverr/tags')
-			.then((res) => res.data?.[0]?.name)
-			.then(log);
+			.get('https://api.github.com/repos/aleksilassila/reiverr/tags', {
+				headers: {
+					'Cache-Control': 'max-age=3600'
+				}
+			})
+			.then((res) => res.data?.[0]?.name);
 	}
 </script>
 
 {#await fetchLatestVersion() then latestVersion}
 	{#if latestVersion !== `v${version}` && latestVersion !== $skippedVersion && visible}
-		<div class="fixed inset-x-0 bottom-0 p-2 flex items-center justify-center z-20 bg-stone-800">
-			<a href="https://github.com/aleksilassila/reiverr">New version is available!</a>
-			<IconButton on:click={() => (visible = false)} class="absolute right-8 inset-y-0">
-				<Cross2 size={20} />
-			</IconButton>
+		<div
+			class="fixed inset-x-0 bottom-0 p-3 flex items-center justify-center z-20 bg-stone-800 text-sm"
+		>
+			<a href="https://github.com/aleksilassila/reiverr">{latestVersion} is now available!</a>
+			<div class="absolute right-4 inset-y-0 flex items-center gap-2">
+				<Button type="tertiary" size="xs" on:click={() => skippedVersion.set(latestVersion)}>
+					Skip this version
+				</Button>
+				<IconButton on:click={() => (visible = false)}>
+					<Cross2 size={20} />
+				</IconButton>
+			</div>
 		</div>
 	{/if}
 {/await}
diff --git a/src/lib/components/YoutubePlayer.svelte b/src/lib/components/YoutubePlayer.svelte
index ff451c0..5a5e9fa 100644
--- a/src/lib/components/YoutubePlayer.svelte
+++ b/src/lib/components/YoutubePlayer.svelte
@@ -7,7 +7,7 @@
 <div class="overflow-hidden w-full h-full">
 	<div class="youtube-container scale-[150%] h-full w-full">
 		<iframe
-			src={'https://www.youtube.com/embed/' +
+			src={'https://www.youtube-nocookie.com/embed/' +
 				videoId +
 				'?autoplay=1&mute=1&loop=1&controls=0&modestbranding=1&playsinline=1&rel=0&enablejsapi=1'}
 			title="YouTube video player"
diff --git a/src/lib/localstorage.ts b/src/lib/localstorage.ts
index 60ea610..fc6f25b 100644
--- a/src/lib/localstorage.ts
+++ b/src/lib/localstorage.ts
@@ -1,11 +1,11 @@
 import { writable } from 'svelte/store';
 
-function createLocalStorageStore(key: string) {
-	const store = writable(JSON.parse(localStorage.getItem(key) || 'null') || null);
+export function createLocalStorageStore<T>(key: string) {
+	const store = writable<T | null>(JSON.parse(localStorage.getItem(key) || 'null') || null);
 
 	return {
 		subscribe: store.subscribe,
-		set: (value: any) => {
+		set: (value: T | null) => {
 			localStorage.setItem(key, JSON.stringify(value));
 			store.set(value);
 		}
diff --git a/src/lib/stores/settings.store.ts b/src/lib/stores/settings.store.ts
index 414da4e..6d51a0c 100644
--- a/src/lib/stores/settings.store.ts
+++ b/src/lib/stores/settings.store.ts
@@ -23,6 +23,9 @@ interface Settings {
 	jellyfin: {
 		userId: string;
 	};
+	playback: {
+		preferredPlaybackSource: 'reiverr' | 'jellyfin';
+	};
 }
 
 const defaultSettings: Settings = {
@@ -44,6 +47,12 @@ const defaultSettings: Settings = {
 		qualityProfileId: 4,
 		profileId: 4,
 		rootFolderPath: '/movies'
+	},
+	jellyfin: {
+		userId: ''
+	},
+	playback: {
+		preferredPlaybackSource: 'reiverr'
 	}
 };
 
diff --git a/src/routes/library/+page.svelte b/src/routes/library/+page.svelte
index c82ca14..249c26e 100644
--- a/src/routes/library/+page.svelte
+++ b/src/routes/library/+page.svelte
@@ -31,9 +31,8 @@
 
 	let nextUpProps: ComponentProps<Card>[] = [];
 
-	$: {
-		if (items.length) updateComponentProps(searchInputValue);
-	}
+	$: if (items.length) updateComponentProps(searchInputValue);
+	$: if (!downloadingProps.length && nextUpProps.length) openNextUpTab = 'nextUp';
 
 	library.subscribe(async (libraryPromise) => {
 		const libraryData = await libraryPromise;
@@ -216,22 +215,26 @@
 			{#if downloadingProps.length || nextUpProps.length}
 				<Carousel>
 					<div slot="title" class="flex items-center gap-6 font-medium text-xl text-zinc-400">
-						<button
-							class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-								'text-zinc-200': openNextUpTab === 'downloading'
-							})}
-							on:click={() => (openNextUpTab = 'downloading')}
-						>
-							Download Queue
-						</button>
-						<button
-							class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-								'text-zinc-200': openNextUpTab === 'nextUp'
-							})}
-							on:click={() => (openNextUpTab = 'nextUp')}
-						>
-							Next Up
-						</button>
+						{#if downloadingProps.length}
+							<button
+								class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
+									'text-zinc-200': openNextUpTab === 'downloading'
+								})}
+								on:click={() => (openNextUpTab = 'downloading')}
+							>
+								Download Queue
+							</button>
+						{/if}
+						{#if nextUpProps.length}
+							<button
+								class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
+									'text-zinc-200': openNextUpTab === 'nextUp'
+								})}
+								on:click={() => (openNextUpTab = 'nextUp')}
+							>
+								Next Up
+							</button>
+						{/if}
 					</div>
 					{#if downloadingProps.length && openNextUpTab === 'downloading'}
 						{#each downloadingProps as props (props.tmdbId)}
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 0e71c41..53b87c9 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -8,8 +8,9 @@
 		other part of the project, head over to the project GitHub page.
 	</div>
 	<div class="flex items-center p-8 gap-8">
-		<a href="https://github.com/aleksilassila/reiverr">GitHub</a>
 		<div>v{version}</div>
+		<a target="_blank" href="https://github.com/aleksilassila/reiverr/releases">Changelog</a>
+		<a target="_blank" href="https://github.com/aleksilassila/reiverr">GitHub</a>
 	</div>
 </div>