Use opacity instead of text color

econia-labs · Nov 8, 2024 · 5fdea19 · 5fdea19
1 parent 9f7fedf
commit 5fdea19
Showing 1 changed file with 1 addition and 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
@@ -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");