diff --git a/src/css/app.scss b/src/css/app.scss
index 23cd0df9..83a14a09 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -21,7 +21,7 @@ html {
   --info-bg: var(--blue-6-hsl);
 
   --negative-fg: 0 0% 100%;
-  --negative-fg: var(--red-9-hsl);
+  --negative-bg: var(--red-9-hsl);
 
   --gender-male: var(--blue-5-hsl);
   --gender-female: var(--pink-7-hsl);
@@ -119,11 +119,11 @@ html {
   background-color: hsl(var(--info-bg));
 }
 
-.app-text-danger {
-  color: hsl(var(--info-bg));
+.app-text-negative {
+  color: hsl(var(--negative-bg));
 }
 
-.app-bg-danger {
+.app-bg-negative {
   color: hsl(var(--negative-fg));
   background-color: hsl(var(--negative-bg));
 }