diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c497995..c387be1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,6 +6,8 @@
 	let showModal = $state(false);
 	let error = $state(false);
 	let href = $state('');
+	// let formats = ['ogg', 'mp3', 'mp4']
+	const formats = [{ value: 'mp3', label: 'MP3' }];
 
 	const toggleModal = () => {
 		showModal = !showModal;
@@ -67,8 +69,15 @@
 			</label>
 
 			<label class="flex items-center space-x-3">
-				<input type="radio" name="source" value="spotify" bind:group={source} class="retro-radio" />
-				<span>Spotify</span>
+				<input
+					disabled
+					type="radio"
+					name="source"
+					value="spotify"
+					bind:group={source}
+					class="retro-radio"
+				/>
+				<span class="not-available">Spotify</span>
 			</label>
 
 			<label class="flex items-center space-x-3">
@@ -108,9 +117,9 @@
 				bind:value={format}
 				class="w-full rounded-lg border-4 border-green-500 bg-green-200 px-4 py-3 text-black focus:border-pink-500 focus:outline-none"
 			>
-				<option value="mp3">MP3</option>
-				<option value="vorbis">OGG</option>
-				<option value="mp4">MP4</option>
+				{#each formats as format}
+					<option value={format.value}>{format.label}</option>
+				{/each}
 			</select>
 		</div>
 
@@ -161,6 +170,10 @@
 		text-decoration: underline;
 		text-align: center;
 	}
+	.not-available {
+		text-decoration-line: line-through;
+		text-decoration-color: red;
+	}
 
 	.retro-radio {
 		appearance: none;