diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/FarmTokenDetailed.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/FarmTokenDetailed.tsx
index 7f4c930068b6..45e0e127e386 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/FarmTokenDetailed.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/FarmTokenDetailed.tsx
@@ -38,7 +38,7 @@ export interface TokenProps {
     address: string
     symbol?: string
     name?: string
-    logoURI?: string
+    logoURL?: string
     chainId?: ChainId
 }
 
diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/RewardFarmPostWidget.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/RewardFarmPostWidget.tsx
index 6fd465a1c3b0..90146c7c6a04 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/RewardFarmPostWidget.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/RewardFarmPostWidget.tsx
@@ -23,7 +23,7 @@ export function RewardFarmPostWidget({ title, icon, rewardData, tokenSymbol }: R
     const { classes } = useStyles()
 
     return (
-        <Grid item xs={6} marginTop="24px">
+        <Grid item xs={12} marginTop="24px">
             {title && (
                 <Grid item xs={12} container marginBottom="12px" alignItems="center">
                     {icon && icon}
diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/TokenDetailed.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/TokenDetailed.tsx
index 4e24bb2088f2..4a76a61772b3 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/TokenDetailed.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/shared-ui/TokenDetailed.tsx
@@ -29,7 +29,7 @@ export interface TokenProps {
     address: string
     symbol?: string
     name?: string
-    logoURI?: string
+    logoURL?: string
     chainId?: ChainId
 }
 
@@ -39,7 +39,6 @@ export interface TokenDetailedProps extends React.PropsWithChildren<{}> {
 
 export function TokenDetailed({ token }: TokenDetailedProps) {
     const { classes } = useStyles()
-
     return (
         <div className={classes.container}>
             {token && (
diff --git a/packages/mask/src/plugins/Referral/Worker/apis/tokenLists.ts b/packages/mask/src/plugins/Referral/Worker/apis/tokenLists.ts
index 7ef4f576471e..3ffdc0885415 100644
--- a/packages/mask/src/plugins/Referral/Worker/apis/tokenLists.ts
+++ b/packages/mask/src/plugins/Referral/Worker/apis/tokenLists.ts
@@ -1,9 +1,14 @@
 import { TokenList } from '@masknet/web3-providers'
 import { type ChainId, getTokenListConstants } from '@masknet/web3-shared-evm'
 
+import { TOKEN_LIST_URL } from '../../constants'
+
 export const fetchERC20TokensFromTokenListsMap = async (chainId: ChainId) => {
     const { FUNGIBLE_TOKEN_LISTS = [] } = getTokenListConstants(chainId)
-    const ERC20Tokens = await TokenList.fetchFungibleTokensFromTokenLists(chainId, FUNGIBLE_TOKEN_LISTS)
+    const ERC20Tokens = await TokenList.fetchFungibleTokensFromTokenLists(chainId, [
+        ...FUNGIBLE_TOKEN_LISTS,
+        TOKEN_LIST_URL,
+    ])
 
     return new Map(ERC20Tokens.map((token) => [token.address.toLowerCase(), token]))
 }
diff --git a/packages/mask/src/plugins/Referral/constants.ts b/packages/mask/src/plugins/Referral/constants.ts
index 42fd51e35e3a..52284eaed4e1 100644
--- a/packages/mask/src/plugins/Referral/constants.ts
+++ b/packages/mask/src/plugins/Referral/constants.ts
@@ -21,6 +21,8 @@ export const supportedChainId = ChainId.Mainnet
 export const SWAP_CHAIN_ID = ChainId.Mainnet
 export const supportedOracleChainId = ORACLE_CHAIN_ID.mainnet
 
+export const TOKEN_LIST_URL = 'https://discovery.attrace.com/mainnet/tokens.json'
+
 // testnet example
 // export const supportedChainId = ChainId.Rinkeby
 // export const SWAP_CHAIN_ID = ChainId.Mainnet