diff --git a/materialious/src/lib/SyncParty.svelte b/materialious/src/lib/SyncParty.svelte
index 2462545c..d56edc99 100644
--- a/materialious/src/lib/SyncParty.svelte
+++ b/materialious/src/lib/SyncParty.svelte
@@ -38,8 +38,8 @@
 
 		if ($syncPartyPeerStore) {
 			$syncPartyPeerStore.on('connection', (conn) => {
-				conn.on('open', () => {
-					ui('#sync-party-connection-join');
+				conn.on('open', async () => {
+					await ui('#sync-party-connection-join');
 
 					if ($page.url.pathname.startsWith('/watch')) {
 						const paths = $page.url.pathname.split('/');
@@ -58,8 +58,8 @@
 					syncPartyConnectionsStore.set([...($syncPartyConnectionsStore || []), conn]);
 				});
 
-				conn.on('close', () => {
-					ui('#sync-party-connection-left');
+				conn.on('close', async () => {
+					await ui('#sync-party-connection-left');
 				});
 			});
 		}
diff --git a/materialious/src/lib/misc.ts b/materialious/src/lib/misc.ts
index e163d955..0e3e49fe 100644
--- a/materialious/src/lib/misc.ts
+++ b/materialious/src/lib/misc.ts
@@ -42,11 +42,11 @@ export function videoLength(lengthSeconds: number): string {
 
 export interface PhasedDescription {
 	description: string;
-	timestamps: { title: string; time: number; timePretty: string }[];
+	timestamps: { title: string; time: number; timePretty: string; }[];
 }
 
 export function phaseDescription(content: string): PhasedDescription {
-	const timestamps: { title: string; time: number; timePretty: string }[] = [];
+	const timestamps: { title: string; time: number; timePretty: string; }[] = [];
 	const lines = content.split('\n');
 
 	const urlRegex = /<a href="([^"]+)"/;
@@ -129,9 +129,9 @@ export function removeWindowQueryFlag(key: string) {
 
 export function peerJsOptions(): PeerOptions {
 	return {
-		host: import.meta.env.VITE_DEFAULT_PEERJS_HOST || '0.peerjs.com',
-		path: import.meta.env.VITE_DEFAULT_PEERJS_PATH || '/',
-		port: Number(import.meta.env.VITE_DEFAULT_PEERJS_PORT) || 443
+		host: import.meta.env.VITE_DEFAULT_PEERJS_HOST && import.meta.env.VITE_DEFAULT_PEERJS_HOST !== '' ? import.meta.env.VITE_DEFAULT_PEERJS_HOST : '0.peerjs.com',
+		path: import.meta.env.VITE_DEFAULT_PEERJS_PATH && import.meta.env.VITE_DEFAULT_PEERJS_PATH !== '' ? import.meta.env.VITE_DEFAULT_PEERJS_PATH : '/',
+		port: import.meta.env.VITE_DEFAULT_PEERJS_PATH && import.meta.env.VITE_DEFAULT_PEERJS_PATH !== '' ? Number(import.meta.env.VITE_DEFAULT_PEERJS_PORT) : 443
 	};
 }
 
diff --git a/materialious/src/routes/+layout.svelte b/materialious/src/routes/+layout.svelte
index ffe41039..726e4003 100644
--- a/materialious/src/routes/+layout.svelte
+++ b/materialious/src/routes/+layout.svelte
@@ -264,16 +264,15 @@
 	{/each}
 </dialog>
 
-<SyncParty />
-
-<MiniPlayer />
-
 <main class="responsive max root">
 	{#if $navigating}
 		<PageLoading />
 	{:else}
 		<slot />
 	{/if}
+
+	<SyncParty />
+	<MiniPlayer />
 </main>
 
 <style>
diff --git a/materialious/src/routes/playlists/+page.svelte b/materialious/src/routes/playlists/+page.svelte
index e95b970c..3c12436e 100644
--- a/materialious/src/routes/playlists/+page.svelte
+++ b/materialious/src/routes/playlists/+page.svelte
@@ -26,7 +26,7 @@
 
 	async function createPlaylist() {
 		await postPersonalPlaylist(playlistTitle, playlistPrivacy);
-		ui('#create-playlist');
+		await ui('#create-playlist');
 		data.playlists = await getPersonalPlaylists();
 	}
 </script>