diff --git a/src/lib/components/TagPicker.svelte b/src/lib/components/TagPicker.svelte
index 07a27fc..41c3539 100644
--- a/src/lib/components/TagPicker.svelte
+++ b/src/lib/components/TagPicker.svelte
@@ -133,7 +133,7 @@
 										class="w-full flex items-center gap-2 rounded px-2 py-1 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 {isApplied(tag.id) ? 'bg-blue-50 dark:bg-blue-900/30' : ''}"
 									>
 										<span class="w-4 h-4 rounded" style="background-color: {tag.color}"></span>
-										<span class="flex-1 text-left">{tag.name}</span>
+										<span class="flex-1 text-left text-gray-700 dark:text-gray-200">{tag.name}</span>
 										{#if isApplied(tag.id)}
 											<svg class="w-4 h-4 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
 												<path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
@@ -142,7 +142,7 @@
 									</button>
 								{/each}
 							</div>
-							<div class="border-t border-gray-100 mt-2 pt-2">
+							<div class="border-t border-gray-100 dark:border-gray-700 mt-2 pt-2">
 								<p class="text-xs text-gray-500 dark:text-gray-400 mb-1">Create tag</p>
 								<div class="flex gap-1 mb-1.5">
 									{#each presetColors as color}