From 5fdea190ab8ce29a0c93d43b6a6fe210ed4acf32 Mon Sep 17 00:00:00 2001
From: Matt <90358481+xbtmatt@users.noreply.github.com>
Date: Thu, 7 Nov 2024 19:54:57 -0800
Subject: [PATCH] Use opacity instead of text color

---
 .../frontend/src/components/selects/trade-options/index.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/typescript/frontend/src/components/selects/trade-options/index.tsx b/src/typescript/frontend/src/components/selects/trade-options/index.tsx
index ddec7fbc19..bcfcf118db 100644
--- a/src/typescript/frontend/src/components/selects/trade-options/index.tsx
+++ b/src/typescript/frontend/src/components/selects/trade-options/index.tsx
@@ -49,7 +49,7 @@ export const TradeOptions: React.FC<TradeOptionsProps> = ({ onClose, onMaxSlippa
           <div className="med-pixel-text flex flex-row justify-between gap-[32px]">
             <div className="mt-[3px] med-pixel-text flex flex-row justify-between gap-[16px]">
               <span
-                className={`${maxSlippageMode === "auto" ? "text-black" : "text-dark-gray"} font-pixelar text-2xl cursor-pointer`}
+                className={`${maxSlippageMode === "auto" ? "opacity-100" : "opacity-30"} text-black font-pixelar text-2xl cursor-pointer`}
                 onClick={() => {
                   setMaxSlippageMode("auto");
                   SlippageSettings.setMaxSlippageMode("auto");