diff --git a/src/components/SwapForm/AddMEVProtectionModal.tsx b/src/components/SwapForm/AddMEVProtectionModal.tsx index 996f8b9c67..8a7536f4ef 100644 --- a/src/components/SwapForm/AddMEVProtectionModal.tsx +++ b/src/components/SwapForm/AddMEVProtectionModal.tsx @@ -14,6 +14,7 @@ import { CONNECTION } from 'components/Web3Provider' import { Z_INDEXS } from 'constants/styles' import { useActiveWeb3React } from 'hooks' import useMixpanel, { MIXPANEL_TYPE } from 'hooks/useMixpanel' +import useTheme from 'hooks/useTheme' import { useChangeNetwork } from 'hooks/web3/useChangeNetwork' import { useNotify } from 'state/application/hooks' import { ExternalLink, MEDIA_WIDTHS } from 'theme' @@ -29,6 +30,8 @@ const Wrapper = styled.div` justify-content: center; gap: 24px; width: 100%; + color: ${({ theme }) => theme.subText}; + .time-frame-legend { display: none; } @@ -42,6 +45,7 @@ export default function AddMEVProtectionModal({ isOpen, onClose }: { isOpen: boo const { mixpanelHandler } = useMixpanel() const { walletKey } = useActiveWeb3React() const notify = useNotify() + const theme = useTheme() const onAdd = useCallback(() => { if (!walletKey || walletKey !== CONNECTION.METAMASK_RDNS) { @@ -80,17 +84,17 @@ export default function AddMEVProtectionModal({ isOpen, onClose }: { isOpen: boo - + Add Custom RPC Endpoint - +