diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index c74f1fe0..245915aa 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -471,7 +471,7 @@
 
 			if (container) {
 				const height = container.getBoundingClientRect().height;
-				document.documentElement.style.setProperty('--video-player-height', `${height}px`);
+				document.documentElement.style.setProperty('--video-player-height', `${height + 10}px`);
 			}
 		}
 		window.addEventListener('resize', updateVideoPlayerHeight);
diff --git a/materialious/src/lib/externalSettings.ts b/materialious/src/lib/externalSettings.ts
index b0978166..f96d310e 100644
--- a/materialious/src/lib/externalSettings.ts
+++ b/materialious/src/lib/externalSettings.ts
@@ -35,7 +35,8 @@ import {
 	interfaceAutoExpandChapters,
 	playerDefaultPlaybackSpeed,
 	playerStatisticsByDefault,
-	playerCCByDefault
+	playerCCByDefault,
+	playerMiniplayerEnabled
 } from '$lib/store';
 import { get, type Writable } from 'svelte/store';
 
@@ -223,6 +224,11 @@ const persistedStores: {
 		name: 'CCByDefault',
 		store: playerCCByDefault,
 		type: 'boolean'
+	},
+	{
+		name: 'miniplayerEnabled',
+		store: playerMiniplayerEnabled,
+		type: 'boolean'
 	}
 ];
 
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index 82a04ac8..28267541 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -289,7 +289,7 @@
 			playerElement?.ended ||
 			playerElement?.currentTime === 0 ||
 			playerElement?.readyState === 2 ||
-			!$playerMiniplayerEnabled
+			!playerMiniplayerEnabled
 		) {
 			playerState.set(undefined);
 		}