From 884b6ed979b6d69f35fa92ec216b1597c7d0c49d Mon Sep 17 00:00:00 2001
From: Nam Nguyen <nam.nguyen@kyber.network>
Date: Mon, 14 Aug 2023 09:44:28 +0700
Subject: [PATCH] update tooltip

---
 .../SwapForm/AddMEVProtectionModal.tsx        | 13 +++++----
 .../SwapForm/SlippageSettingGroup.tsx         | 27 ++++++-------------
 2 files changed, 16 insertions(+), 24 deletions(-)

diff --git a/src/components/SwapForm/AddMEVProtectionModal.tsx b/src/components/SwapForm/AddMEVProtectionModal.tsx
index dc6ff46402..b3194df2cc 100644
--- a/src/components/SwapForm/AddMEVProtectionModal.tsx
+++ b/src/components/SwapForm/AddMEVProtectionModal.tsx
@@ -140,17 +140,20 @@ export default function AddMEVProtectionModal({ isOpen, onClose }: { isOpen: boo
         <Row gap="12px">
           <Text fontSize={12} lineHeight="16px">
             <Trans>
-              We suggest using the{' '}
+              <ExternalLink href="https://docs.kyberswap.com/getting-started/foundational-topics/decentralized-finance/maximal-extractable-value-mev">
+                MEV
+              </ExternalLink>{' '}
+              Protection safeguards you from front-running attacks on Ethereum. We suggest you employing the{' '}
               <ExternalLink href="https://docs.kyberswap.com/getting-started/foundational-topics/decentralized-technologies/rpc">
                 RPC endpoint
               </ExternalLink>{' '}
-              of trusted third-parties like{' '}
+              of reliable third-parties such as{' '}
               <ExternalLink href="https://docs.flashbots.net/flashbots-protect/overview">Flashbots</ExternalLink> or{' '}
-              <ExternalLink href="https://mevblocker.io/#faq">MEVBlocker</ExternalLink> to protect you from MEV Bots.{' '}
+              <ExternalLink href="https://mevblocker.io/#faq">MEVBlocker</ExternalLink>.
               <br />
               <br />
-              Please note that adding a RPC endpoint automatically is only supported via the MetaMask wallet. If you
-              wish to add the RPC endpoint to your wallet manually, refer to this{' '}
+              Note that adding the RPC endpoint automatically is only available via the MetaMask wallet. If you would
+              like to add the RPC endpoint to your wallet manually, please refer to this{' '}
               <ExternalLink href="https://docs.kyberswap.com/getting-started/quickstart/faq#how-to-change-rpc-in-metamask">
                 guide
               </ExternalLink>
diff --git a/src/components/SwapForm/SlippageSettingGroup.tsx b/src/components/SwapForm/SlippageSettingGroup.tsx
index 978ee0f1dd..23f2da2d25 100644
--- a/src/components/SwapForm/SlippageSettingGroup.tsx
+++ b/src/components/SwapForm/SlippageSettingGroup.tsx
@@ -52,25 +52,14 @@ export default function SlippageSettingGroup({
 
   const rightButton =
     chainId === ChainId.MAINNET && walletEVM.isConnected ? (
-      <MouseoverTooltip
-        text={
-          <Trans>
-            MEV Protection will protect you from front-running and sandwich attacks on Ethereum. Learn more{' '}
-            <ExternalLink href="https://docs.kyberswap.com/getting-started/foundational-topics/decentralized-finance/maximal-extractable-value-mev">
-              here ↗
-            </ExternalLink>
-          </Trans>
-        }
-      >
-        <PriceAlertButton onClick={addMevProtectionHandler}>
-          <Shield size={14} color={theme.subText} />
-          {upToXXSmall ? null : (
-            <Text color={theme.subText} style={{ whiteSpace: 'nowrap' }}>
-              <Trans>Add MEV Protection</Trans>
-            </Text>
-          )}
-        </PriceAlertButton>
-      </MouseoverTooltip>
+      <PriceAlertButton onClick={addMevProtectionHandler}>
+        <Shield size={14} color={theme.subText} />
+        {upToXXSmall ? null : (
+          <Text color={theme.subText} style={{ whiteSpace: 'nowrap' }}>
+            <Trans>Add MEV Protection</Trans>
+          </Text>
+        )}
+      </PriceAlertButton>
     ) : null
 
   return (