From 6f579fffefe52ef746fad97a790e6a5842df47f6 Mon Sep 17 00:00:00 2001
From: lelenei <zwpsky@gmail.com>
Date: Mon, 11 Jul 2022 13:51:03 +0800
Subject: [PATCH 1/2] fix: css style at snapshot

---
 .../Snapshot/SNSAdaptor/LoadingFailCard.tsx   | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
index 26b3473ea946..d507c53a5d8a 100644
--- a/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
+++ b/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
@@ -36,15 +36,28 @@ export class LoadingFailCard extends Component<
                 </Box>
             ) : (
                 <SnapshotCard title={this.props.title}>
-                    <Typography color="textPrimary">Loading fails due to Snapshot API service breakdown.</Typography>
-                    <Button
-                        style={{ width: 100, marginTop: 16 }}
-                        onClick={() => {
-                            this.setState({ error: null })
-                            this.props.retry()
-                        }}>
-                        Retry
-                    </Button>
+                    <Box style={{ textAlign: 'center' }}>
+                        <Typography color="textPrimary">
+                            Loading fails due to Snapshot API service breakdown.
+                        </Typography>
+                        <Button
+                            sx={{
+                                width: 254,
+                                height: 40,
+                                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'white' : '#07101B'),
+                                color: (theme) => (theme.palette.mode === 'dark' ? '#07101b' : 'white'),
+                                fontSize: 14,
+                                fontWeight: 700,
+                                marginBottom: 4,
+                                marginTop: 32,
+                            }}
+                            onClick={() => {
+                                this.setState({ error: null })
+                                this.props.retry()
+                            }}>
+                            Retry
+                        </Button>
+                    </Box>
                 </SnapshotCard>
             )
         }

From e0d782d529b73884efd1684dfe4beda8cf63636e Mon Sep 17 00:00:00 2001
From: lelenei <zwpsky@gmail.com>
Date: Mon, 11 Jul 2022 16:09:02 +0800
Subject: [PATCH 2/2] fix: margin size

---
 .../mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
index d507c53a5d8a..840ea0002b8c 100644
--- a/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
+++ b/packages/mask/src/plugins/Snapshot/SNSAdaptor/LoadingFailCard.tsx
@@ -49,7 +49,7 @@ export class LoadingFailCard extends Component<
                                 fontSize: 14,
                                 fontWeight: 700,
                                 marginBottom: 4,
-                                marginTop: 32,
+                                marginTop: 2,
                             }}
                             onClick={() => {
                                 this.setState({ error: null })