From 5eb055817a48eaf120fceda730eec3c9c57144ea Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Mon, 3 Jun 2024 01:46:18 -0700
Subject: [PATCH] fix(a11y): disabled button color contrast (#54248)

---
 client/src/components/layouts/global.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 8fb940bf09d..d331a6a25fa 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -256,8 +256,9 @@ button[aria-disabled='true']:hover,
 fieldset[disabled] .btn {
   cursor: not-allowed;
   background-color: var(--quaternary-background);
-  border-color: var(--quaternary-color);
-  color: var(--quaternary-color);
+  border-color: var(--gray-45);
+  color: var(--secondary-color);
+  opacity: 0.8;
 }
 
 .btn-cta {