feat: small color updates

OriginProtocol · Jul 29, 2024 · 3ac2f06 · 3ac2f06
1 parent 40918fc
commit 3ac2f06
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git 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
@@ -40,7 +40,7 @@ export const redeemRoutes: SwapRoute<OethRedeemAction, Meta>[] = [
       waitTime: defineMessage({
         defaultMessage: `a few days`,
       }),
-      waitTimeColor: 'warning.main',
+      waitTimeColor: 'warning.dark',
     },
   },
 ];