diff --git a/web/ui/mantine-ui/src/Badge.module.css b/web/ui/mantine-ui/src/Badge.module.css
index 80eb3565d..16c769ed1 100644
--- a/web/ui/mantine-ui/src/Badge.module.css
+++ b/web/ui/mantine-ui/src/Badge.module.css
@@ -43,7 +43,8 @@
 
 .healthUnknown {
   background-color: light-dark(
-    var(--mantine-color-gray-1),
-    var(--mantine-color-gray-9)
+    var(--mantine-color-gray-2),
+    var(--mantine-color-gray-7)
   );
+  color: light-dark(var(--mantine-color-gray-8), var(--mantine-color-gray-4));
 }