From a88d587516aad3c2be91df448b4688641ba90390 Mon Sep 17 00:00:00 2001
From: nuanyang233 <nuanyang233@gmail.com>
Date: Tue, 14 Dec 2021 17:02:47 +0800
Subject: [PATCH 1/3] fix: nft avatar display problem

---
 packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
index 952d05e7ce10..551c92b1dff4 100644
--- a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
+++ b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
@@ -29,7 +29,7 @@ export function NFTAvatarRing(props: NFTAvatarRingProps) {
 
     return (
         <RainbowBox width={R} height={R}>
-            <svg className={classes.root} width={R} height={R} viewBox={`0 0 ${R} ${R}`} id={id}>
+            <svg className={classes.root} width={width} height={width} viewBox={`0 0 ${R} ${R}`} id={id}>
                 <defs>
                     <path
                         id={`${id}-path`}

From 5c3e9da81fd6c123e4ff2352954fb2d89e5c387d Mon Sep 17 00:00:00 2001
From: nuanyang233 <nuanyang233@gmail.com>
Date: Tue, 14 Dec 2021 17:22:15 +0800
Subject: [PATCH 2/3] fix: nft avatar rainbow box size

---
 packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
index 551c92b1dff4..628c03e183a0 100644
--- a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
+++ b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
@@ -28,7 +28,7 @@ export function NFTAvatarRing(props: NFTAvatarRingProps) {
     const y2 = y1
 
     return (
-        <RainbowBox width={R} height={R}>
+        <RainbowBox width={width} height={width}>
             <svg className={classes.root} width={width} height={width} viewBox={`0 0 ${R} ${R}`} id={id}>
                 <defs>
                     <path

From 137e3800a6ad8332fd36b9535aeb1940ab9e0a6b Mon Sep 17 00:00:00 2001
From: nuanyang233 <nuanyang233@gmail.com>
Date: Tue, 14 Dec 2021 18:02:56 +0800
Subject: [PATCH 3/3] fix: clean white border

---
 .../mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
index 628c03e183a0..135aac2d5b2a 100644
--- a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
+++ b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarRing.tsx
@@ -19,6 +19,7 @@ export function NFTAvatarRing(props: NFTAvatarRingProps) {
     const { classes } = useStyles()
     const { stroke, strokeWidth, fontSize, text, width, id } = props
 
+    const avatarSize = width + 3
     const R = width + 2 * strokeWidth - 4
     const r = R / 2 - strokeWidth
     const path_r = R / 2 - strokeWidth + fontSize / 2
@@ -28,8 +29,8 @@ export function NFTAvatarRing(props: NFTAvatarRingProps) {
     const y2 = y1
 
     return (
-        <RainbowBox width={width} height={width}>
-            <svg className={classes.root} width={width} height={width} viewBox={`0 0 ${R} ${R}`} id={id}>
+        <RainbowBox width={avatarSize} height={avatarSize}>
+            <svg className={classes.root} width={avatarSize} height={avatarSize} viewBox={`0 0 ${R} ${R}`} id={id}>
                 <defs>
                     <path
                         id={`${id}-path`}