diff --git a/app/styles/components/dropdown-menu.scss b/app/styles/components/dropdown-menu.scss
index fb07186cf..c36cdef12 100644
--- a/app/styles/components/dropdown-menu.scss
+++ b/app/styles/components/dropdown-menu.scss
@@ -70,7 +70,7 @@
     }
 
     &.warning a {
-      color: var(--warning-color);
+      color: var(--warning-color--hicontrast);
     }
 
     a {
diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index c1019701f..e0a11c71b 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -582,7 +582,7 @@
         }
 
         &.warning {
-          color: var(--warning-color);
+          color: var(--warning-color--hicontrast);
           opacity: 1;
         }
 
diff --git a/app/styles/themes.scss b/app/styles/themes.scss
index e1d328b4f..032f8ce4d 100644
--- a/app/styles/themes.scss
+++ b/app/styles/themes.scss
@@ -88,6 +88,11 @@ body,
     var(--brand-color_s),
     calc(var(--brand-color_l) - 12%)
   );
+  --warning-color--hicontrast: hsl(
+    var(--warning-color_h),
+    var(--warning-color_s),
+    calc(var(--warning-color_l) - 12%)
+  );
 }
 
 .theme-mode-dark {
@@ -119,4 +124,9 @@ body,
     var(--brand-color_s),
     calc(var(--brand-color_l) + 12%)
   );
+  --warning-color--hicontrast: hsl(
+    var(--warning-color_h),
+    var(--warning-color_s),
+    calc(var(--warning-color_l) + 12%)
+  );
 }