diff --git a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
index 17c4115fe58f..c12c6c864ef4 100644
--- a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
+++ b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
@@ -17,7 +17,7 @@ const useStyles = makeStyles()((theme) => ({
color: theme.palette.text.primary,
cursor: 'pointer',
},
- icon: {
+ setIcon: {
width: 14,
height: 14,
marginLeft: 2,
@@ -29,7 +29,7 @@ const useStyles = makeStyles()((theme) => ({
},
}))
-interface NFTAvatarButtonProps extends withClasses<'root' | 'text'> {
+interface NFTAvatarButtonProps extends withClasses<'root' | 'text' | 'icon'> {
onClick: () => void
showSetting?: boolean
}
@@ -41,10 +41,10 @@ export function NFTAvatarButton(props: NFTAvatarButtonProps) {
return (
-
+
{t('nft_avatar')}
- {props.showSetting ? : null}
+ {props.showSetting ? : null}
)
diff --git a/packages/mask/src/plugins/Avatar/assets/application.tsx b/packages/mask/src/plugins/Avatar/assets/application.tsx
index 7dc9378ccd8a..25e5dbb38573 100644
--- a/packages/mask/src/plugins/Avatar/assets/application.tsx
+++ b/packages/mask/src/plugins/Avatar/assets/application.tsx
@@ -57,7 +57,10 @@ export const ApplicationRoundIcon = createIcon(
export const ApplicationSmallIcon = createIcon(
'ApplicationSmallIcon',
-
+
,
'0 0 21 20',
)
diff --git a/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx b/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
index b925601314d6..51e407b01eb8 100644
--- a/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
+++ b/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
@@ -38,6 +38,9 @@ const useStyles = makeStyles()(() => ({
color: '#ffffff',
lineHeight: '12px',
},
+ icon: {
+ color: 'white',
+ },
}))
export function openNFTAvatarSettingDialog() {