diff --git a/src/lib/client/ui/navigation/navbar/accentPicker.svelte b/src/lib/client/ui/navigation/navbar/accentPicker.svelte
index 3bb30e9..218bf83 100644
--- a/src/lib/client/ui/navigation/navbar/accentPicker.svelte
+++ b/src/lib/client/ui/navigation/navbar/accentPicker.svelte
@@ -35,7 +35,7 @@
 
 	{#if open}
 		<Dropdown position="middle" minWidth="auto" fixed={true} {triggerEl}>
-			<div class="flex flex-wrap gap-2 p-2">
+			<div class="flex flex-col gap-2 p-2">
 				{#each accentColors as accent}
 					<button
 						on:click|stopPropagation={() => select(accent.value)}
diff --git a/src/lib/client/ui/navigation/navbar/navbar.svelte b/src/lib/client/ui/navigation/navbar/navbar.svelte
index fdb87b9..ed6c6b4 100644
--- a/src/lib/client/ui/navigation/navbar/navbar.svelte
+++ b/src/lib/client/ui/navigation/navbar/navbar.svelte
@@ -24,8 +24,8 @@
 			<div class="hidden text-xl font-bold text-neutral-900 md:block dark:text-neutral-100">profilarr</div>
 		</div>
 
-		<!-- Right: Accent picker and Theme toggle (desktop only) -->
-		<div class="hidden items-center gap-1 md:flex">
+		<!-- Right: Accent picker and Theme toggle -->
+		<div class="flex items-center gap-1">
 			<AccentPicker />
 			<ThemeToggle />
 		</div>