diff --git a/ui/src/components/Card.svelte b/ui/src/components/Card.svelte
index e928c489..6d2dd85e 100755
--- a/ui/src/components/Card.svelte
+++ b/ui/src/components/Card.svelte
@@ -23,7 +23,7 @@
         <div class="flex flex-wrap gap-1 content-start mt-1">
             {#each data.tags as tag}
                 <p
-                    class="badge border-0 text-slate-800 text-xs"
+                    class="badge border-0 text-slate-100 text-xs"
                     style="background-color: {tags?.find((t) => t.name == tag)
                         .color || 'none'};"
                 >
diff --git a/ui/src/components/Tags.svelte b/ui/src/components/Tags.svelte
index 0a32424d..0d84d402 100755
--- a/ui/src/components/Tags.svelte
+++ b/ui/src/components/Tags.svelte
@@ -32,7 +32,7 @@
                     <button
                         class={`badge text-slate-400 text-xs mx-[1px] ${
                             selected_tags.includes(tag.name)
-                                ? `badge badge-outline text-slate-600 border-0`
+                                ? `badge badge-outline text-slate-200 border-0`
                                 : "badge-outline"
                         }`}
                         style={`${selected_tags.includes(tag.name) && `background-color: ${tag.color};`}`}
diff --git a/ui/src/routes/datasets/IngestForm.svelte b/ui/src/routes/datasets/IngestForm.svelte
index 09daaf75..50d35040 100755
--- a/ui/src/routes/datasets/IngestForm.svelte
+++ b/ui/src/routes/datasets/IngestForm.svelte
@@ -136,7 +136,7 @@
           class="badge cursor-pointer text-slate-400 text-xs {selected_tags.includes(
             tag.name,
           )
-            ? 'text-slate-800 border-0'
+            ? 'text-slate-200 border-0'
             : 'badge-outline'}"
           on:click={() => toggleTag(tag.name)}
           on:keyup={() => {}}
diff --git a/ui/src/routes/datasets/[name]/+page.svelte b/ui/src/routes/datasets/[name]/+page.svelte
index 8a8e4f11..ea42829c 100755
--- a/ui/src/routes/datasets/[name]/+page.svelte
+++ b/ui/src/routes/datasets/[name]/+page.svelte
@@ -55,7 +55,7 @@
 					<div class="flex flex-wrap gap-1">
 						{#each dataset.tags as tag}
 							<p
-								class="badge border-0 text-slate-800 text-xs"
+								class="badge border-0 text-slate-200 text-xs"
 								style="background-color: {data.tags?.find(
 									(t) => t.name == tag,
 								).color || 'none'};"
diff --git a/ui/src/routes/models/[name]/+page.svelte b/ui/src/routes/models/[name]/+page.svelte
index 6d024d2c..2e92b149 100755
--- a/ui/src/routes/models/[name]/+page.svelte
+++ b/ui/src/routes/models/[name]/+page.svelte
@@ -47,7 +47,7 @@
 					<div class="flex flex-wrap gap-1">
 						{#each model.tags as tag}
 							<p
-								class="badge border-0 text-slate-800 text-xs"
+								class="badge border-0 text-slate-200 text-xs"
 								style="background-color: {data.tags?.find(
 									(t) => t.name == tag,
 								).color || 'none'};"