diff --git a/src/routes/streams/Sidebar.svelte b/src/routes/streams/Sidebar.svelte
index 41019d2..b290ad1 100644
--- a/src/routes/streams/Sidebar.svelte
+++ b/src/routes/streams/Sidebar.svelte
@@ -129,6 +129,7 @@
 		overflow-wrap: anywhere;
 		border-bottom: 1px solid black;
 		position: relative;
+		color: black;
 	}
 
 	.stream-item-button {
diff --git a/src/routes/streams/[stream_id]/+page.svelte b/src/routes/streams/[stream_id]/+page.svelte
index c9c6bab..d204ea0 100644
--- a/src/routes/streams/[stream_id]/+page.svelte
+++ b/src/routes/streams/[stream_id]/+page.svelte
@@ -17,7 +17,9 @@
 		<StreamPage />
 	</div>
 	<div id="player">
-		<Player display={true} src="/media/tracks/{$currentStream.filename}" />
+		{#key $currentStream}
+			<Player display={true} src="/media/tracks/{$currentStream.filename}" />
+		{/key}
 	</div>
 </div>
 
diff --git a/src/routes/streams/[stream_id]/Player.svelte b/src/routes/streams/[stream_id]/Player.svelte
index fe6c26e..f97e04a 100644
--- a/src/routes/streams/[stream_id]/Player.svelte
+++ b/src/routes/streams/[stream_id]/Player.svelte
@@ -255,9 +255,11 @@
 	{volume}
 	on:play={setMediaMetadataOnPlay}
 	on:ended
-	{src}
 	{preload}
-/>
+>
+	<source {src} type="audio/ogg;codecs=opus" />
+	<source src="{src}.mp3" type="audio/mpeg" />
+</audio>
 
 <style>
 	.controls {