diff --git a/src/lib/components/layout/DashboardHeader.svelte b/src/lib/components/layout/DashboardHeader.svelte
index 5852c7d..1ac62e0 100644
--- a/src/lib/components/layout/DashboardHeader.svelte
+++ b/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 />
diff --git a/src/lib/components/ui/ColorPicker.svelte b/src/lib/components/ui/ColorPicker.svelte
index b8bddcc..9341b70 100644
--- a/src/lib/components/ui/ColorPicker.svelte
+++ b/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'
 	};
diff --git a/src/lib/components/wishlist/WishlistHeader.svelte b/src/lib/components/wishlist/WishlistHeader.svelte
index 63442e6..503f4a2 100644
--- a/src/lib/components/wishlist/WishlistHeader.svelte
+++ b/src/lib/components/wishlist/WishlistHeader.svelte
@@ -132,6 +132,7 @@
 		<ColorPicker
 			bind:color={wishlistColor}
 			onchange={() => onColorUpdate(wishlistColor)}
+			size="sm"
 		/>
 	</div>
 </div>