diff --git a/src/routes/playlists/[id]/+page.svelte b/src/routes/playlists/[id]/+page.svelte
index 13663af..103a84b 100644
--- a/src/routes/playlists/[id]/+page.svelte
+++ b/src/routes/playlists/[id]/+page.svelte
@@ -7,6 +7,7 @@
 	import duration from 'dayjs/plugin/duration';
 	import { getCoverUrl } from '$lib/covers';
 	import Play from 'virtual:icons/lucide/play';
+	import Shuffle from 'virtual:icons/lucide/shuffle';
 	import { getPlayerState } from '$lib/player.svelte';
 	import { Button } from '$lib/components/ui/button';
 	dayjs.extend(duration);
@@ -39,7 +40,7 @@
 		</div>
 		<div class="mx-4">
 			<div class="mb-2">
-				<Button size="icon" onclick={() => player.playPlaylist(playlist.id, fetch)}><Play /></Button
+				<Button class="size-12" onclick={() => player.playPlaylist(playlist.id, fetch)}><Play /></Button
 				>
 			</div>
 			<Table.Root>