diff --git a/packages/plugins/CyberConnect/src/SNSAdaptor/ConnectButton.tsx b/packages/plugins/CyberConnect/src/SNSAdaptor/ConnectButton.tsx
index 262817780bb7..da4bdf16d6d2 100644
--- a/packages/plugins/CyberConnect/src/SNSAdaptor/ConnectButton.tsx
+++ b/packages/plugins/CyberConnect/src/SNSAdaptor/ConnectButton.tsx
@@ -154,7 +154,7 @@ export default function ConnectButton({
             }}>
             {!isLoading ? (
                 <>
-                    <Logo /> {!isFollowing ? 'Follow Now' : 'Following'}
+                    <Logo /> <Typography variant="button">{!isFollowing ? 'Follow Now' : 'Following'}</Typography>
                 </>
             ) : (
                 <CircularProgress size={30} sx={{ marginLeft: '154px' }} />
diff --git a/packages/plugins/CyberConnect/src/SNSAdaptor/FollowTab.tsx b/packages/plugins/CyberConnect/src/SNSAdaptor/FollowTab.tsx
index a440aefcf4af..df9a9ff21a91 100644
--- a/packages/plugins/CyberConnect/src/SNSAdaptor/FollowTab.tsx
+++ b/packages/plugins/CyberConnect/src/SNSAdaptor/FollowTab.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+import { Typography } from '@mui/material'
 import { makeStyles, MaskColorVar } from '@masknet/theme'
 import Box from '@mui/material/Box'
 import Tab from '@mui/material/Tab'
@@ -8,6 +9,7 @@ import TabPanel from '@mui/lab/TabPanel'
 import Avatar from 'boring-avatars'
 import { formatEthereumAddress } from '@masknet/web3-shared-evm'
 import type { IFollowIdentity } from '../Worker/apis'
+
 const useStyles = makeStyles()((theme) => ({
     tabContext: {
         marginTop: '20px',
@@ -44,10 +46,12 @@ export default function FollowTab({
                     <Avatar square={false} name={identity.ens || identity.address} size={40} />
                 </div>
                 <div className={classes.user}>
-                    <div className={classes.userName}>
+                    <Typography className={classes.userName} component="div">
                         {identity.ens || formatEthereumAddress(identity.address, 16)}
-                    </div>
-                    <div className={classes.namespace}>From {identity.namespace}</div>
+                    </Typography>
+                    <Typography className={classes.namespace} component="div">
+                        From {identity.namespace}
+                    </Typography>
                 </div>
             </div>
         )
diff --git a/packages/plugins/CyberConnect/src/SNSAdaptor/Profile.tsx b/packages/plugins/CyberConnect/src/SNSAdaptor/Profile.tsx
index 2c20d8dc9ae1..361081c4b404 100644
--- a/packages/plugins/CyberConnect/src/SNSAdaptor/Profile.tsx
+++ b/packages/plugins/CyberConnect/src/SNSAdaptor/Profile.tsx
@@ -1,6 +1,6 @@
 import { makeStyles, MaskColorVar } from '@masknet/theme'
 import { PluginCyberConnectRPC } from '../messages'
-import { Skeleton } from '@mui/material'
+import { Skeleton, Typography } from '@mui/material'
 import { formatEthereumAddress } from '@masknet/web3-shared-evm'
 import Avatar from 'boring-avatars'
 import ConnectButton from './ConnectButton'
@@ -81,12 +81,16 @@ const Profile = ({ url }: { url: string }) => {
                     <Avatar name={queryAddress} square size={300} />
                 )}
             </div>
-            <div className={classes.userName}>{identity?.ens || formatEthereumAddress(queryAddress, 4)}</div>
+            <Typography className={classes.userName} component="div">
+                {identity?.ens || formatEthereumAddress(queryAddress, 4)}
+            </Typography>
 
             {!identity ? (
                 <Skeleton width={400} height={40} />
             ) : (
-                <div className={classes.address}>{identity.address}</div>
+                <Typography className={classes.address} component="div">
+                    {identity.address}
+                </Typography>
             )}
 
             {!loading ? (
diff --git a/packages/plugins/CyberConnect/src/base.tsx b/packages/plugins/CyberConnect/src/base.tsx
index 30eb9abd20b6..f299ed33c3aa 100644
--- a/packages/plugins/CyberConnect/src/base.tsx
+++ b/packages/plugins/CyberConnect/src/base.tsx
@@ -13,7 +13,7 @@ export const base: Plugin.Shared.Definition = {
     enableRequirement: {
         architecture: { app: false, web: true },
         networks: { type: 'opt-out', networks: {} },
-        target: 'beta',
+        target: 'stable',
         web3: {
             [NetworkPluginID.PLUGIN_EVM]: {
                 supportedChainIds: [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Arbitrum, ChainId.xDai],