diff --git a/client/app/components/badges/badge.module.css b/client/app/components/badges/badge.module.css
index 72a0d9c8..95333ef4 100644
--- a/client/app/components/badges/badge.module.css
+++ b/client/app/components/badges/badge.module.css
@@ -36,7 +36,7 @@
 	color: var(--fg);
 }
 
-/* when data-theme on html is light, change font color */
+[data-theme="light"] .error,
 [data-theme="light"] .warning {
 	color: var(--bg);
 }