diff --git a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-dark-visual-linux.png b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-dark-visual-linux.png
index ccbc0902..756e3323 100644
Binary files a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-dark-visual-linux.png and b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-dark-visual-linux.png differ
diff --git a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-light-visual-linux.png b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-light-visual-linux.png
index 76ac600a..1aff3402 100644
Binary files a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-light-visual-linux.png and b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/flows-5-light-visual-linux.png differ
diff --git a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/knowledges-light-visual-linux.png b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/knowledges-light-visual-linux.png
index 67aa88c6..48a53913 100644
Binary files a/frontend/e2e/specs/visual/routes.spec.ts-snapshots/knowledges-light-visual-linux.png and b/frontend/e2e/specs/visual/routes.spec.ts-snapshots/knowledges-light-visual-linux.png differ
diff --git a/frontend/src/components/ui/badge.tsx b/frontend/src/components/ui/badge.tsx
index faa9b367..3978e254 100644
--- a/frontend/src/components/ui/badge.tsx
+++ b/frontend/src/components/ui/badge.tsx
@@ -12,18 +12,18 @@ const badgeVariants = cva(
         },
         variants: {
             variant: {
-                blue: 'border-blue-500/20 bg-blue-500/10 text-blue-700 hover:bg-blue-500/20 dark:text-blue-400',
+                blue: 'border-blue-500/20 bg-blue-500/10 text-blue-800 hover:bg-blue-500/20 dark:text-blue-400',
                 default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
                 destructive:
                     'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/90 dark:bg-destructive/80 dark:hover:bg-destructive/70',
                 green: 'border-green-500/20 bg-green-500/10 text-green-800 hover:bg-green-500/20 dark:text-green-400',
-                orange: 'border-orange-500/20 bg-orange-500/10 text-orange-700 hover:bg-orange-500/20 dark:text-orange-400',
+                orange: 'border-orange-500/20 bg-orange-500/10 text-orange-800 hover:bg-orange-500/20 dark:text-orange-400',
                 outline: 'text-foreground',
-                pink: 'border-pink-500/20 bg-pink-500/10 text-pink-700 hover:bg-pink-500/20 dark:text-pink-400',
-                purple: 'border-purple-500/20 bg-purple-500/10 text-purple-700 hover:bg-purple-500/20 dark:text-purple-400',
-                red: 'border-red-500/20 bg-red-500/10 text-red-700 hover:bg-red-500/20 dark:text-red-400',
+                pink: 'border-pink-500/20 bg-pink-500/10 text-pink-800 hover:bg-pink-500/20 dark:text-pink-400',
+                purple: 'border-purple-500/20 bg-purple-500/10 text-purple-800 hover:bg-purple-500/20 dark:text-purple-400',
+                red: 'border-red-500/20 bg-red-500/10 text-red-800 hover:bg-red-500/20 dark:text-red-400',
                 secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-                yellow: 'border-yellow-500/20 bg-yellow-500/10 text-yellow-700 hover:bg-yellow-500/20 dark:text-yellow-400',
+                yellow: 'border-yellow-500/20 bg-yellow-500/10 text-yellow-800 hover:bg-yellow-500/20 dark:text-yellow-400',
             },
         },
     },