From 3ac2f06678380d6c58f5595a0fe9ee7bebbcc02c Mon Sep 17 00:00:00 2001
From: toniocodo <antoine@originprotocol.com>
Date: Mon, 29 Jul 2024 15:08:16 +0200
Subject: [PATCH] feat: small color updates

---
 .../oeth/src/redeem/components/Swapper.tsx    | 21 ++++++++++++-------
 libs/defi/oeth/src/redeem/constants.ts        |  2 +-
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/libs/defi/oeth/src/redeem/components/Swapper.tsx b/libs/defi/oeth/src/redeem/components/Swapper.tsx
index 9e4d328ea..38e45aa3a 100644
--- a/libs/defi/oeth/src/redeem/components/Swapper.tsx
+++ b/libs/defi/oeth/src/redeem/components/Swapper.tsx
@@ -513,12 +513,19 @@ const GasPriceLabel = ({ route, gasPrice, ...rest }: GasPriceLabelProps) => {
   const claim = mul(gasPrice.gasCostUsd, 0.4);
 
   return (
-    <InfoTooltipLabel
-      fontWeight="medium"
-      tooltipLabel={intl.formatMessage({
-        defaultMessage:
-          'Claiming your withdrawal will incur this estimated additional gas fee',
-      })}
-    >{`~$${format(req, 2)} + ~$${format(claim, 2)}`}</InfoTooltipLabel>
+    <Stack direction="row" alignItems="center" spacing={0.75}>
+      <Typography>${format(req, 2)}&nbsp;</Typography>
+      <InfoTooltipLabel
+        fontWeight="medium"
+        tooltipLabel={intl.formatMessage({
+          defaultMessage:
+            'Claiming your withdrawal will incur this estimated additional gas fee',
+        })}
+        labelProps={{ color: 'warning.dark' }}
+        infoTooltipProps={{ iconColor: 'warning.dark' }}
+      >
+        {`+ $${format(claim, 2)}`}
+      </InfoTooltipLabel>
+    </Stack>
   );
 };
diff --git a/libs/defi/oeth/src/redeem/constants.ts b/libs/defi/oeth/src/redeem/constants.ts
index 26bfbbd9d..408a9fcc1 100644
--- a/libs/defi/oeth/src/redeem/constants.ts
+++ b/libs/defi/oeth/src/redeem/constants.ts
@@ -40,7 +40,7 @@ export const redeemRoutes: SwapRoute<OethRedeemAction, Meta>[] = [
       waitTime: defineMessage({
         defaultMessage: `a few days`,
       }),
-      waitTimeColor: 'warning.main',
+      waitTimeColor: 'warning.dark',
     },
   },
 ];