diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/CreateFarm.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/CreateFarm.tsx
index a105f3aa258a..1a179f8a2a3d 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/CreateFarm.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/CreateFarm.tsx
@@ -163,11 +163,11 @@ export function CreateFarm(props: PageInterface) {
     }, [props?.onChangePage, totalFarmReward, attraceFee, tokenReward])
 
     const openComposeBox = useCallback(
-        (message: string, selectedReferralData: Map<string, ReferralMetaData>) =>
+        (selectedReferralData: Map<string, ReferralMetaData>) =>
             CrossIsolationMessages.events.requestComposition.sendToLocal({
                 reason: 'timeline',
                 open: true,
-                content: makeTypedMessageText(message, selectedReferralData),
+                content: makeTypedMessageText('', selectedReferralData),
             }),
         [],
     )
@@ -192,7 +192,7 @@ export function CreateFarm(props: PageInterface) {
         closeApplicationBoardDialog()
         props.onClose?.()
 
-        openComposeBox(t.buy_or_refer_to_earn_buy_hold_referral({ token: symbol }), metadata)
+        openComposeBox(metadata)
     }, [tokenRefer, showSnackbar, currentChainId, props.onClose, currentIdentity, linkedPersona])
 
     const onConfirmedDeposit = useCallback(
diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/FarmPost.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/FarmPost.tsx
index 751b872e1208..32531a8cd768 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/FarmPost.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/FarmPost.tsx
@@ -80,11 +80,11 @@ export function FarmPost(props: FarmPostProps) {
     )
 
     const openComposeBox = useCallback(
-        (message: string, selectedReferralData: Map<string, ReferralMetaData>, id?: string) =>
+        (selectedReferralData: Map<string, ReferralMetaData>, id?: string) =>
             CrossIsolationMessages.events.requestComposition.sendToLocal({
                 reason: 'timeline',
                 open: true,
-                content: makeTypedMessageText(message, selectedReferralData),
+                content: makeTypedMessageText('', selectedReferralData),
             }),
         [],
     )
@@ -110,7 +110,7 @@ export function FarmPost(props: FarmPostProps) {
                 sender: senderName,
             })
 
-            openComposeBox(t.buy_refer_earn_yield({ token: payload.referral_token_symbol }), metadata)
+            openComposeBox(metadata)
         } catch (error: any) {
             onError(error?.message)
         }
diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/ReferToFarm.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/ReferToFarm.tsx
index ac793b0cb678..c83f4c3b9609 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/ReferToFarm.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/ReferToFarm.tsx
@@ -106,11 +106,11 @@ export function ReferToFarm(props: PageInterface) {
     )
 
     const openComposeBox = useCallback(
-        (message: string, selectedReferralData: Map<string, ReferralMetaData>, id?: string) =>
+        (selectedReferralData: Map<string, ReferralMetaData>, id?: string) =>
             CrossIsolationMessages.events.requestComposition.sendToLocal({
                 reason: 'timeline',
                 open: true,
-                content: makeTypedMessageText(message, selectedReferralData),
+                content: makeTypedMessageText('', selectedReferralData),
             }),
         [],
     )
@@ -175,7 +175,7 @@ export function ReferToFarm(props: PageInterface) {
             closeApplicationBoardDialog()
             props.onClose?.()
 
-            openComposeBox(t.buy_refer_earn_yield({ token: token?.symbol ?? '' }), metadata)
+            openComposeBox(metadata)
         } catch (error: any) {
             onError(error?.message)
         }
diff --git a/packages/mask/src/plugins/Referral/SNSAdaptor/index.tsx b/packages/mask/src/plugins/Referral/SNSAdaptor/index.tsx
index 7db507e4e7cd..894fcbcb5f77 100644
--- a/packages/mask/src/plugins/Referral/SNSAdaptor/index.tsx
+++ b/packages/mask/src/plugins/Referral/SNSAdaptor/index.tsx
@@ -5,6 +5,7 @@ import { PluginI18NFieldRender } from '@masknet/plugin-infra/content-script'
 
 import { base } from '../base'
 import { referralMetadataReader } from '../helpers'
+import { META_KEY } from '../constants'
 
 import { FarmPost } from './FarmPost'
 import { ReferralDialog } from './ReferralDialog'
@@ -19,6 +20,21 @@ const sns: Plugin.SNSAdaptor.Definition = {
         if (!metadata.ok) return null
         return <FarmPost payload={metadata.val} />
     },
+    CompositionDialogMetadataBadgeRender: new Map([
+        [
+            META_KEY,
+            (payload) => {
+                return {
+                    text: (
+                        <div style={{ display: 'flex', alignItems: 'center' }}>
+                            <ReferralFarmsIcon style={{ width: 20, height: 19, marginRight: 4 }} />
+                            Buy or refer {payload.referral_token_symbol} to Earn Referral Farming rewards!
+                        </div>
+                    ),
+                }
+            },
+        ],
+    ]),
     GlobalInjection: function Component() {
         return <SelectToken />
     },
