src/lib/components/layout/DashboardHeader.svelte

@@ -79,7 +79,7 @@
 		{/if}
 	</div>
 	<div class="flex items-center gap-1 sm:gap-2 flex-shrink-0">
-		<ColorPicker bind:color={localColor} onchange={handleColorChange} />
+		<ColorPicker bind:color={localColor} onchange={handleColorChange} size="sm" />
 		<ThemePicker value={dashboardTheme} onValueChange={handleThemeChange} />
 		<LanguageToggle />
 		<ThemeToggle />

src/lib/components/ui/ColorPicker.svelte

@@ -18,7 +18,7 @@
 	};
 
 	const iconSizeClasses = {
-		sm: 'w-3 h-3',
+		sm: 'w-4 h-4',
 		md: 'w-4 h-4',
 		lg: 'w-5 h-5'
 	};

src/lib/components/wishlist/WishlistHeader.svelte

@@ -132,6 +132,7 @@
 		<ColorPicker
 			bind:color={wishlistColor}
 			onchange={() => onColorUpdate(wishlistColor)}
+			size="sm"
 		/>
 	</div>
 </div>