From c68b177b414be397af2ef2469fcb5129d11d3e3f Mon Sep 17 00:00:00 2001
From: cong_wang <congwang@blocksec.com>
Date: Mon, 8 Apr 2024 10:21:31 +0800
Subject: [PATCH] feat: Updated Phalcon Explorer, added zkSync support to
 Blockscout, switched to snowscan.xyz, and fixed bugs

---
 CHANGELOG.md                                  |  7 ++
 README.md                                     |  2 +-
 manifest.config.ts                            |  6 +-
 package.json                                  |  2 +-
 .../components/BscModal/index.module.less     |  2 +-
 src/common/components/Cell/cell.tsx           |  2 +-
 .../components/DrawerSimulation/index.tsx     | 17 ++--
 .../index.module.less                         |  6 +-
 .../ModalContractVariableLogs/index.tsx       |  2 +-
 .../ModalFundFlow/index.module.less           | 12 +--
 src/common/components/ModalFundFlow/index.tsx | 38 +++++----
 .../components/ModalProxyLog/columns.tsx      |  2 +-
 .../ModalProxyLog/index.module.less           |  4 +-
 src/common/components/ModalProxyLog/index.tsx |  2 +-
 .../components/RarityLabel/index.module.less  |  4 +-
 .../components/icon/IconMetaDock/index.tsx    |  4 +-
 .../components/icon/IconMetaSleuth/index.tsx  | 47 +++++++++++
 src/common/components/icon/index.ts           |  1 +
 src/common/config/allowlist.ts                |  4 +-
 src/common/config/uri.ts                      | 13 ++-
 src/common/constants/support.ts               | 23 +++--
 src/common/styles/common.less                 |  2 +-
 .../message.module.less                       |  2 +-
 .../blockscout/feat-scripts/quick2parsers.tsx |  4 +-
 .../index.module.less                         |  2 +-
 .../components/Button/index.module.less       |  2 +-
 .../ComplianceScoreLabel/index.module.less    |  2 +-
 .../FortaAlertLabel/index.module.less         |  2 +-
 .../FortaAlertTip/index.module.less           |  2 +-
 .../FortaAlertWarningSymbol/index.module.less |  2 +-
 .../components/FundFromTag/index.module.less  |  4 +-
 .../components/ParsersBtn/index.module.less   |  2 +-
 .../etherscan/components/ParsersBtn/index.tsx |  3 +-
 .../ReadContractAccordionItem/index.tsx       |  4 +-
 .../TokenMarketplacesBtn/index.module.less    |  2 +-
 .../TransactionExplanation/index.module.less  |  2 +-
 .../TransactionExplanation/index.tsx          |  2 +-
 .../feat-scripts/transaction-simulator.tsx    |  2 +-
 src/content/index.ts                          |  3 -
 .../index.module.less                         |  2 +-
 .../scans/components/Button/index.module.less |  2 +-
 .../ComplianceScoreLabel/index.module.less    |  2 +-
 .../FortaAlertLabel/index.module.less         |  2 +-
 .../FortaAlertTip/index.module.less           |  2 +-
 .../FortaAlertWarningSymbol/index.module.less |  4 +-
 .../components/FundFromTag/index.module.less  |  4 +-
 .../components/ParsersBtn/index.module.less   |  2 +-
 .../scans/components/ParsersBtn/index.tsx     |  3 +-
 .../ReadContractAccordionItem/index.tsx       |  4 +-
 .../TransactionExplanation/index.module.less  |  2 +-
 .../TransactionExplanation/index.tsx          |  2 +-
 .../ComplianceScoreLabel/index.module.less    | 24 ------
 .../components/ComplianceScoreLabel/index.tsx | 59 -------------
 .../snowtrace/components/DeBankBtn/index.tsx  | 41 ---------
 .../components/FundFlowBtn/index.tsx          | 46 ----------
 .../components/ParsersBtn/index.module.less   | 17 ----
 .../snowtrace/components/ParsersBtn/index.tsx | 83 -------------------
 src/content/snowtrace/components/index.ts     |  4 -
 .../feat-scripts/compliance-score.tsx         | 35 --------
 src/content/snowtrace/feat-scripts/debank.tsx | 19 -----
 .../snowtrace/feat-scripts/fund-flow.tsx      | 24 ------
 src/content/snowtrace/feat-scripts/index.ts   |  4 -
 .../snowtrace/feat-scripts/quick2parsers.tsx  | 18 ----
 src/content/snowtrace/index.tsx               | 16 ----
 src/content/snowtrace/main.tsx                | 50 -----------
 .../snowtrace/page-scripts/address.tsx        | 34 --------
 src/content/snowtrace/page-scripts/index.ts   |  3 -
 src/content/snowtrace/page-scripts/token.tsx  | 34 --------
 src/content/snowtrace/page-scripts/tx.tsx     | 11 ---
 .../components/ApprovalDiagnosisBtn/index.tsx |  2 +-
 .../ComplianceScoreLabel/index.module.less    |  2 +-
 .../DecompileInEthervmBtn/index.tsx           |  2 +-
 .../components/ExportTableDataBtn/index.tsx   |  2 +-
 .../tronscan/components/FundFlowBtn/index.tsx |  2 +-
 .../components/FundFromTag/index.module.less  |  4 +-
 .../tronscan/components/ParsersBtn/index.tsx  |  2 +-
 .../tronscan/feat-scripts/enhanced-labels.tsx |  4 +-
 src/popup/components/Brand/index.module.less  |  2 +-
 .../components/Shortcuts/index.module.less    |  4 +-
 src/popup/components/Shortcuts/index.tsx      |  2 +-
 80 files changed, 185 insertions(+), 640 deletions(-)
 create mode 100644 src/common/components/icon/IconMetaSleuth/index.tsx
 delete mode 100644 src/content/snowtrace/components/ComplianceScoreLabel/index.module.less
 delete mode 100644 src/content/snowtrace/components/ComplianceScoreLabel/index.tsx
 delete mode 100644 src/content/snowtrace/components/DeBankBtn/index.tsx
 delete mode 100644 src/content/snowtrace/components/FundFlowBtn/index.tsx
 delete mode 100644 src/content/snowtrace/components/ParsersBtn/index.module.less
 delete mode 100644 src/content/snowtrace/components/ParsersBtn/index.tsx
 delete mode 100644 src/content/snowtrace/components/index.ts
 delete mode 100644 src/content/snowtrace/feat-scripts/compliance-score.tsx
 delete mode 100644 src/content/snowtrace/feat-scripts/debank.tsx
 delete mode 100644 src/content/snowtrace/feat-scripts/fund-flow.tsx
 delete mode 100644 src/content/snowtrace/feat-scripts/index.ts
 delete mode 100644 src/content/snowtrace/feat-scripts/quick2parsers.tsx
 delete mode 100644 src/content/snowtrace/index.tsx
 delete mode 100644 src/content/snowtrace/main.tsx
 delete mode 100644 src/content/snowtrace/page-scripts/address.tsx
 delete mode 100644 src/content/snowtrace/page-scripts/index.ts
 delete mode 100644 src/content/snowtrace/page-scripts/token.tsx
 delete mode 100644 src/content/snowtrace/page-scripts/tx.tsx

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3449bb6..0d2c72f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+### v4.8.0
+
+- [update] Update the domain for Phalcon Explorer
+- [feat] Added support for zkSync on Blockscout
+- [feat] Adapted to snowscan.xyz as a replacement for the previous snowtrace.io
+- [fix] Fixed various bugs
+
 ### v4.7.0
 
 - [feat] Integration with Blockscout explorer
diff --git a/README.md b/README.md
index 08b6f65..af4132a 100644
--- a/README.md
+++ b/README.md
@@ -52,7 +52,7 @@ For up to the minute news, follow our [Twitter](https://twitter.com/MetaDockTeam
 - arbiscan.io
 - cronoscan.com
 - moonscan.io
-- snowtrace.io
+- snowscan.xyz
 - optimistic.etherscan.io
 - nova.arbiscan.io
 - bttcscan.com
diff --git a/manifest.config.ts b/manifest.config.ts
index 67158c1..4687f74 100644
--- a/manifest.config.ts
+++ b/manifest.config.ts
@@ -38,7 +38,8 @@ export default defineManifest((env: ConfigEnv) => {
               '*://gnosisscan.io/*',
               '*://*.celoscan.io/*',
               '*://*.bttcscan.com/*',
-              '*://era.zksync.network/*'
+              '*://era.zksync.network/*',
+              '*://snowscan.xyz/*'
             ]
           : ['<all_urls>'],
         js: ['src/content/index.all_frames.ts'],
@@ -49,8 +50,7 @@ export default defineManifest((env: ConfigEnv) => {
           ? [
               '*://explorer.btc.com/*',
               '*://*.opensea.io/*',
-              '*://*.tronscan.org/*',
-              '*://*.snowtrace.io/*'
+              '*://*.tronscan.org/*'
             ]
           : ['<all_urls>'],
         js: ['src/content/index.ts'],
diff --git a/package.json b/package.json
index aeb8b18..a0e8cf9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "metasuites",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/blocksecteam/metasuites.git"
diff --git a/src/common/components/BscModal/index.module.less b/src/common/components/BscModal/index.module.less
index 5093f58..98680ad 100644
--- a/src/common/components/BscModal/index.module.less
+++ b/src/common/components/BscModal/index.module.less
@@ -7,7 +7,7 @@
     font-size: 15px;
     padding-left: 20px;
     .justify-between;
-    .align-center;
+    .items-center;
     .closeIcon {
       padding: 20px;
       cursor: pointer;
diff --git a/src/common/components/Cell/cell.tsx b/src/common/components/Cell/cell.tsx
index 876ef08..9e00ab8 100644
--- a/src/common/components/Cell/cell.tsx
+++ b/src/common/components/Cell/cell.tsx
@@ -38,7 +38,7 @@ const Cell: FC<CellProps> = props => {
       style={style}
       onClick={onClick}
     >
-      <div className="align-center flex1">
+      <div className="items-center flex1">
         {icon && <img className={styles.icon} src={icon} alt="" />}
         <div className={cls(styles.title, 'flex1')}>
           <span style={{ fontSize: desc ? '14px' : '12px' }}>{title}</span>
diff --git a/src/common/components/DrawerSimulation/index.tsx b/src/common/components/DrawerSimulation/index.tsx
index f9bbfbc..cb3cad6 100644
--- a/src/common/components/DrawerSimulation/index.tsx
+++ b/src/common/components/DrawerSimulation/index.tsx
@@ -34,7 +34,10 @@ import type {
   Arguments,
   SimulateTxParams
 } from '@common/api/types'
-import { PHALCON_EXPLORER_DOMAIN } from '@common/config/uri'
+import {
+  PHALCON_EXPLORER_DOMAIN,
+  PHALCON_FORK_DOMAIN
+} from '@common/config/uri'
 
 import styles from './index.module.less'
 import type {
@@ -321,7 +324,7 @@ const DrawerSimulation: FC<Props> = ({
       width={isMobile() ? '100%' : 530}
       closable={false}
       title={
-        <div className="align-center">
+        <div className="items-center">
           <IconClose mr={16} onClick={() => setVisible(false)} />
           <span>Simulator</span>
           <Tooltip
@@ -354,7 +357,7 @@ const DrawerSimulation: FC<Props> = ({
       destroyOnClose
       extra={
         <Button
-          className="align-center"
+          className="items-center"
           type="primary"
           onClick={() => window.open(PHALCON_EXPLORER_DOMAIN)}
         >
@@ -388,7 +391,7 @@ const DrawerSimulation: FC<Props> = ({
             >
               {SIMULATE_SUPPORT_LIST.map(item => (
                 <Select.Option key={item.chain} value={item.chain}>
-                  <div className="align-center" style={{ fontSize: 12 }}>
+                  <div className="items-center" style={{ fontSize: 12 }}>
                     <TokenSymbol logo={item.logo} mr={4} size={14} />
                     {item.name}
                   </div>
@@ -421,7 +424,7 @@ const DrawerSimulation: FC<Props> = ({
                     recommend you visit the
                     <a
                       className="letter-space-lr-1"
-                      href="https://phalcon.blocksec.com/explorer"
+                      href={PHALCON_EXPLORER_DOMAIN}
                       target="_blank"
                     >
                       Phalcon Simulator
@@ -429,7 +432,7 @@ const DrawerSimulation: FC<Props> = ({
                     or
                     <a
                       className="letter-space-lr-1"
-                      href="https://phalcon.blocksec.com"
+                      href={PHALCON_FORK_DOMAIN}
                       target="_blank"
                     >
                       Phalcon Fork
@@ -555,7 +558,7 @@ const DrawerSimulation: FC<Props> = ({
                               return (
                                 <div
                                   key={index}
-                                  className="justify-between align-center"
+                                  className="justify-between items-center"
                                   style={{ marginLeft: 30 }}
                                 >
                                   <span
diff --git a/src/common/components/ModalContractVariableLogs/index.module.less b/src/common/components/ModalContractVariableLogs/index.module.less
index 9b103da..d1a72de 100644
--- a/src/common/components/ModalContractVariableLogs/index.module.less
+++ b/src/common/components/ModalContractVariableLogs/index.module.less
@@ -4,7 +4,7 @@
   max-width: 1200px;
   .title {
     overflow: hidden;
-    .align-center;
+    .items-center;
     .contract {
       font-weight: normal;
       .text-ellipsis;
@@ -14,7 +14,7 @@
     .tablePanel {
       .justify-between;
       .metadata {
-        .align-center;
+        .items-center;
         .variableName {
           margin-right: 0.5rem;
         }
@@ -28,7 +28,7 @@
           border: 1px solid @primary-color;
           font-size: 14px;
           border-radius: 12px;
-          .align-center;
+          .items-center;
         }
       }
       .filter {
diff --git a/src/common/components/ModalContractVariableLogs/index.tsx b/src/common/components/ModalContractVariableLogs/index.tsx
index 11d4a26..ee33750 100644
--- a/src/common/components/ModalContractVariableLogs/index.tsx
+++ b/src/common/components/ModalContractVariableLogs/index.tsx
@@ -161,7 +161,7 @@ const ModalContractVariableLogs: FC<Props> = ({
       }
       footer={
         list.length > 0 ? (
-          <div className="justify-end align-center">
+          <div className="justify-end items-center">
             <Button
               type="primary"
               className="md-btn-primary"
diff --git a/src/common/components/ModalFundFlow/index.module.less b/src/common/components/ModalFundFlow/index.module.less
index a14ff81..28a82c1 100644
--- a/src/common/components/ModalFundFlow/index.module.less
+++ b/src/common/components/ModalFundFlow/index.module.less
@@ -37,11 +37,11 @@
       font-size: 14px;
       padding-left: 22px;
       border-bottom: 1px solid #f0f0f0;
-      .align-center;
+      .items-center;
 
       .basicInfo {
         min-width: 300px;
-        .align-center;
+        .items-center;
 
         .tokenLogo {
           width: 26px;
@@ -56,7 +56,7 @@
       }
 
       .msButton {
-        .align-center;
+        .items-center;
 
         gap: 4px;
       }
@@ -73,7 +73,7 @@
         margin: 0 21px 0 10px;
         font-size: 14px;
         color: rgba(0, 0, 0, 0.65);
-        .align-center;
+        .items-center;
 
         label {
           margin: 0 0 0 5px;
@@ -100,7 +100,7 @@
       .tipContainer {
         position: relative;
         margin-right: 10px;
-        .align-center;
+        .items-center;
 
         &:hover {
           .content {
@@ -201,7 +201,7 @@
           padding: 7px 10px;
           box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.1);
           justify-content: space-between;
-          .align-center;
+          .items-center;
         }
       }
     }
diff --git a/src/common/components/ModalFundFlow/index.tsx b/src/common/components/ModalFundFlow/index.tsx
index 61e2f07..5bc47e9 100644
--- a/src/common/components/ModalFundFlow/index.tsx
+++ b/src/common/components/ModalFundFlow/index.tsx
@@ -23,6 +23,7 @@ import {
   IconClose,
   IconMetaDock
 } from '@common/components'
+import { IconMetaSleuth } from '@common/components/icon'
 import { SLEUTH_DOMAIN } from '@common/config/uri'
 
 import styles from './index.module.less'
@@ -300,28 +301,31 @@ const ModalFundFlowGraph: FC<Props> = ({
                   </div>
                 </div>
                 {SLEUTH_SUPPORT_LIST.includes(chain) && (
-                  <Button
-                    className={styles.msButton}
-                    type="primary"
-                    onClick={() =>
-                      window.open(
-                        `${SLEUTH_DOMAIN}/result/${chain}/${mainAddress}`
-                      )
-                    }
+                  <ConfigProvider
+                    theme={{
+                      token: {
+                        colorPrimary: '#bd7c40'
+                      }
+                    }}
                   >
-                    <img
-                      className="mr-1"
-                      style={{ width: '18px' }}
-                      src="https://assets.blocksec.com/image/1677135239463-4.png"
-                      alt=""
-                    />
-                    Try Enhanced Version
-                  </Button>
+                    <Button
+                      className={styles.msButton}
+                      type="primary"
+                      onClick={() =>
+                        window.open(
+                          `${SLEUTH_DOMAIN}/result/${chain}/${mainAddress}`
+                        )
+                      }
+                    >
+                      <IconMetaSleuth color="#FFFFFF" size={20} />
+                      Deep Dive with MetaSleuth
+                    </Button>
+                  </ConfigProvider>
                 )}
               </div>
               <div
                 id="__metadock-fundflow-options-wrapper__"
-                className="align-center"
+                className="items-center"
               >
                 {fundFlow?.nodes && (
                   <Select
diff --git a/src/common/components/ModalProxyLog/columns.tsx b/src/common/components/ModalProxyLog/columns.tsx
index 6414b74..0ebc584 100644
--- a/src/common/components/ModalProxyLog/columns.tsx
+++ b/src/common/components/ModalProxyLog/columns.tsx
@@ -52,7 +52,7 @@ const columns: ColumnsType<ProxyContractLog> = [
   },
   {
     title: (
-      <div className="align-center">
+      <div className="items-center">
         <img
           style={{ width: 16, height: 16, marginRight: 4 }}
           src="https://assets.blocksec.com/image/1681815761137-2.png"
diff --git a/src/common/components/ModalProxyLog/index.module.less b/src/common/components/ModalProxyLog/index.module.less
index 2999f0e..a332b8c 100644
--- a/src/common/components/ModalProxyLog/index.module.less
+++ b/src/common/components/ModalProxyLog/index.module.less
@@ -2,7 +2,7 @@
 
 .modalProxyLog {
   .title {
-    .align-center;
+    .items-center;
     .address {
       font-size: 14px;
       color: #6c757d;
@@ -27,7 +27,7 @@
       }
     }
     .cell {
-      .align-center;
+      .items-center;
       a {
         display: inline-block;
         max-width: 160px;
diff --git a/src/common/components/ModalProxyLog/index.tsx b/src/common/components/ModalProxyLog/index.tsx
index c16cb35..6e8be45 100644
--- a/src/common/components/ModalProxyLog/index.tsx
+++ b/src/common/components/ModalProxyLog/index.tsx
@@ -66,7 +66,7 @@ const ModalProxyLog: FC<Props> = ({ visible, onClose, chain, address }) => {
       destroyOnClose
       title={
         <div className={cls(styles.title, { [styles.column]: isMobile() })}>
-          <div className="align-center">
+          <div className="items-center">
             <TokenSymbol />
             Proxy Upgrade Log
           </div>
diff --git a/src/common/components/RarityLabel/index.module.less b/src/common/components/RarityLabel/index.module.less
index b3c0894..1694983 100644
--- a/src/common/components/RarityLabel/index.module.less
+++ b/src/common/components/RarityLabel/index.module.less
@@ -8,7 +8,7 @@
   color: rgb(4, 17, 29);
   border-radius: 8px;
   font-weight: 600;
-  .align-center;
+  .items-center;
 
   &:hover {
     .symbol {
@@ -27,7 +27,7 @@
     overflow: hidden;
     position: relative;
     margin-right: 3px;
-    .align-center;
+    .items-center;
 
     div {
       opacity: 1;
diff --git a/src/common/components/icon/IconMetaDock/index.tsx b/src/common/components/icon/IconMetaDock/index.tsx
index 02fa737..a96d105 100644
--- a/src/common/components/icon/IconMetaDock/index.tsx
+++ b/src/common/components/icon/IconMetaDock/index.tsx
@@ -9,7 +9,7 @@ interface Props extends BaseComponent {
   mr?: number
 }
 
-const IconDownload: FC<Props> = ({
+const IconMetaDock: FC<Props> = ({
   size = 16,
   color = '#448C0C',
   className,
@@ -96,4 +96,4 @@ const IconDownload: FC<Props> = ({
   )
 }
 
-export default IconDownload
+export default IconMetaDock
diff --git a/src/common/components/icon/IconMetaSleuth/index.tsx b/src/common/components/icon/IconMetaSleuth/index.tsx
new file mode 100644
index 0000000..4565c39
--- /dev/null
+++ b/src/common/components/icon/IconMetaSleuth/index.tsx
@@ -0,0 +1,47 @@
+import React, { type FC } from 'react'
+
+import type { BaseComponent } from '@common/types'
+
+interface Props extends BaseComponent {
+  color?: string
+  size?: number
+  ml?: number
+  mr?: number
+}
+
+const IconMetaSleuth: FC<Props> = ({
+  size = 16,
+  color = '#bd7c40',
+  className,
+  style = {},
+  ml = 0,
+  mr = 0
+}) => {
+  const stylesheet = Object.assign(
+    {
+      margin: 0,
+      marginLeft: ml,
+      marginRight: mr
+    },
+    style
+  )
+
+  return (
+    <svg
+      className={className}
+      style={stylesheet}
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+    >
+      <path
+        d="M806.826667 556.373333v194.816l-330.538667 190.848v-5.461333l-2.432 1.450667V747.093333l330.496-190.72-0.042667 1.365334 2.517334-1.408zM981.333333 292.608l-8.576 6.869333 8.576-2.816-294.229333 235.818667-0.256-5.845333-2.218667 1.834666-2.133333-55.722666-74.88 27.264-78.890667 168.874666-214.058666 194.645334-0.256-6.101334-2.176 2.048-8.021334-206.592H233.898667l1.664-4.053333h-4.138667l52.010667-123.904 695.466666-232.32-1.792 1.408 4.224-1.408zM627.797333 85.333333l80.896 152.490667-1.706666 0.768 1.706666 3.242667-303.914666 144.554666 327.04-100.352 0.298666 0.597334 2.133334-0.597334 15.658666 29.610667-1.834666 0.597333 1.834666 3.413334-704.768 240.768 10.922667-7.808-10.922667 3.754666 2.218667-1.621333-4.693333 1.621333 202.368-143.061333L290.346667 123.733333l2.218666 1.28 0.256-1.28 103.637334 62.165334L625.365333 85.333333l0.426667 0.896 2.005333-0.896z"
+        fill={color}
+      />
+    </svg>
+  )
+}
+
+export default IconMetaSleuth
diff --git a/src/common/components/icon/index.ts b/src/common/components/icon/index.ts
index 4c0723f..6a21aed 100644
--- a/src/common/components/icon/index.ts
+++ b/src/common/components/icon/index.ts
@@ -4,4 +4,5 @@ export { default as IconDownload } from './IconDownload'
 export { default as IconClose } from './IconClose'
 export { default as IconRefresh } from './IconRefresh'
 export { default as IconMetaDock } from './IconMetaDock'
+export { default as IconMetaSleuth } from './IconMetaSleuth'
 export { default as IconArrowRightOutlined } from './IconArrowRightOutlined'
diff --git a/src/common/config/allowlist.ts b/src/common/config/allowlist.ts
index dad8929..c6d92c1 100644
--- a/src/common/config/allowlist.ts
+++ b/src/common/config/allowlist.ts
@@ -30,12 +30,12 @@ export default {
     '*://polygonscan.com/*',
     '*://mumbai.polygonscan.com/*',
     '*://*.moonscan.io/*',
-    '*://era.zksync.network/*'
+    '*://era.zksync.network/*',
+    '*://snowscan.xyz/*'
   ],
   BTC_EXPLORER_MATCHES: ['*://explorer.btc.com/*'],
   BLOCKSEC_MATCHES: ['*://*.blocksec.com/*'],
   OPENSEA_MATCHES: ['*://*.opensea.io/*'],
   TRONSCAN_MATCHES: ['*://*.tronscan.org/*'],
-  SNOWTRACE_MATCHES: ['*://*.snowtrace.io/*'],
   BLOCKSCOUT_MATCHES: ['*://*.blockscout.com/*']
 }
diff --git a/src/common/config/uri.ts b/src/common/config/uri.ts
index 51f4e18..c906626 100644
--- a/src/common/config/uri.ts
+++ b/src/common/config/uri.ts
@@ -1,14 +1,19 @@
-let BASE_URL: string, SLEUTH_DOMAIN: string, PHALCON_EXPLORER_DOMAIN: string
+let BASE_URL: string,
+  SLEUTH_DOMAIN: string,
+  PHALCON_EXPLORER_DOMAIN: string,
+  PHALCON_FORK_DOMAIN: string
 switch (import.meta.env.MODE) {
   case 'production':
     BASE_URL = 'https://extension.blocksec.com'
     SLEUTH_DOMAIN = 'https://metasleuth.io'
-    PHALCON_EXPLORER_DOMAIN = 'https://phalcon.blocksec.com/explorer'
+    PHALCON_EXPLORER_DOMAIN = 'https://app.blocksec.com/explorer'
+    PHALCON_FORK_DOMAIN = 'https://app.blocksec.com/fork'
     break
   default:
     BASE_URL = 'https://extension-dev.blocksec.com'
     SLEUTH_DOMAIN = 'https://www-dev.metasleuth.io'
-    PHALCON_EXPLORER_DOMAIN = 'https://phalcon-dev.blocksec.com/explorer'
+    PHALCON_EXPLORER_DOMAIN = 'https://app-dev.blocksec.com/explorer'
+    PHALCON_FORK_DOMAIN = 'https://app-dev.blocksec.com/fork'
 }
 
-export { BASE_URL, SLEUTH_DOMAIN, PHALCON_EXPLORER_DOMAIN }
+export { BASE_URL, SLEUTH_DOMAIN, PHALCON_EXPLORER_DOMAIN, PHALCON_FORK_DOMAIN }
diff --git a/src/common/constants/support.ts b/src/common/constants/support.ts
index 7148d89..db8b132 100644
--- a/src/common/constants/support.ts
+++ b/src/common/constants/support.ts
@@ -1,3 +1,5 @@
+import { PHALCON_EXPLORER_DOMAIN } from '@common/config/uri'
+
 import BaseConstant from './abstract/BaseConstants'
 
 export const SCOPE = 'metaDockChromeExt'
@@ -193,19 +195,9 @@ export const EXT_SUPPORT_WEB_LIST: ExtSupportWebsite[] = [
     name: 'Avalanche',
     chainID: 43114,
     chain: 'avalanche',
-    domains: ['snowtrace.io'],
+    domains: ['snowscan.xyz'],
     siteName: 'ETHERSCAN',
     logo: 'https://assets.blocksec.com/image/1671777583236-3.png'
-    // testNets: [
-    //   {
-    //     name: 'Avalanche Fuji',
-    //     chainID: 43_113,
-    //     chain: 'fuji.avalanche',
-    //     domains: ['testnet.snowtrace.io'],
-    //     siteName: 'ETHERSCAN',
-    //     logo: 'https://assets.blocksec.com/image/1671777583236-3.png'
-    //   }
-    // ]
   },
   {
     name: 'Optimism',
@@ -418,6 +410,13 @@ export const EXT_SUPPORT_WEB_LIST: ExtSupportWebsite[] = [
     domains: ['era.zksync.network'],
     siteName: 'ETHERSCAN',
     logo: 'https://assets.blocksec.com/image/1704853828982-2.svg'
+  },
+  {
+    name: 'zkSync Era (Blockscout)',
+    chain: 'era.zksync',
+    domains: ['zksync.blockscout.com'],
+    siteName: 'BLOCKSCOUT',
+    logo: 'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/meta-suites-logos/zk-sync.png'
   }
 ]
 
@@ -784,7 +783,7 @@ export class TransactionParsers extends BaseConstant {
   static PHALCON = new BaseConstant(
     'phalcon',
     'phalcon',
-    'https://phalcon.blocksec.com/explorer'
+    PHALCON_EXPLORER_DOMAIN
   )
   static TENDERLY = new BaseConstant(
     'tenderly',
diff --git a/src/common/styles/common.less b/src/common/styles/common.less
index 22a2923..65a2970 100644
--- a/src/common/styles/common.less
+++ b/src/common/styles/common.less
@@ -8,7 +8,7 @@
   justify-content: center;
   .flex;
 }
-.align-center {
+.items-center {
   align-items: center;
 
   .flex;
diff --git a/src/content/blockscout/components/TransactionExplanation/message.module.less b/src/content/blockscout/components/TransactionExplanation/message.module.less
index 734e7c2..a976396 100644
--- a/src/content/blockscout/components/TransactionExplanation/message.module.less
+++ b/src/content/blockscout/components/TransactionExplanation/message.module.less
@@ -105,7 +105,7 @@
 }
 
 .dropdownItem {
-  .align-center;
+  .items-center;
   .pointer;
   &:not(:first-of-type) {
     margin-top: 10px;
diff --git a/src/content/blockscout/feat-scripts/quick2parsers.tsx b/src/content/blockscout/feat-scripts/quick2parsers.tsx
index f1c2bb5..c919465 100644
--- a/src/content/blockscout/feat-scripts/quick2parsers.tsx
+++ b/src/content/blockscout/feat-scripts/quick2parsers.tsx
@@ -3,6 +3,8 @@ import $ from 'jquery'
 
 import { ExplorerLink } from '@src/content/blockscout/components'
 import { PHALCON_SUPPORT_LIST } from '@common/constants'
+import { PHALCON_EXPLORER_DOMAIN } from '@common/config/uri'
+
 import { page } from '../utils'
 
 const genQuick2parsers = async (chain: string, txHash: string) => {
@@ -21,7 +23,7 @@ const genQuick2parsers = async (chain: string, txHash: string) => {
   const separatorEl = $('#meta-suites__tx-explorer-separator')
   const linkEl = $('#meta-suites__tx-explorer-link')
 
-  const href = `https://phalcon.blocksec.com/explorer/tx/${phalconPathname}/${txHash}`
+  const href = `${PHALCON_EXPLORER_DOMAIN}/tx/${phalconPathname}/${txHash}`
 
   separatorEl.css('display', 'block')
   linkEl.css('display', 'block')
diff --git a/src/content/etherscan/components/AlternativeBlockExplorersBtn/index.module.less b/src/content/etherscan/components/AlternativeBlockExplorersBtn/index.module.less
index 72131df..08e5334 100644
--- a/src/content/etherscan/components/AlternativeBlockExplorersBtn/index.module.less
+++ b/src/content/etherscan/components/AlternativeBlockExplorersBtn/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .alternativeBlockExplorersBtn {
-  .align-center;
+  .items-center;
 
   flex-wrap: wrap;
 
diff --git a/src/content/etherscan/components/Button/index.module.less b/src/content/etherscan/components/Button/index.module.less
index 09d389b..700611d 100644
--- a/src/content/etherscan/components/Button/index.module.less
+++ b/src/content/etherscan/components/Button/index.module.less
@@ -14,7 +14,7 @@
   //transition: all 0.2s ease-in-out;
   //border-style: solid;
   //border-width: 1px;
-  .align-center;
+  .items-center;
 
   img {
     width: 16px;
diff --git a/src/content/etherscan/components/ComplianceScoreLabel/index.module.less b/src/content/etherscan/components/ComplianceScoreLabel/index.module.less
index d58e8d8..95d1e05 100644
--- a/src/content/etherscan/components/ComplianceScoreLabel/index.module.less
+++ b/src/content/etherscan/components/ComplianceScoreLabel/index.module.less
@@ -9,7 +9,7 @@
   padding: 0.3rem 0.6rem;
   font-size: 0.72rem;
   border: 1px solid transparent;
-  .align-center;
+  .items-center;
 
   &.lowRisk {
     color: #00a54c;
diff --git a/src/content/etherscan/components/FortaAlertLabel/index.module.less b/src/content/etherscan/components/FortaAlertLabel/index.module.less
index 6326cbd..4d5433b 100644
--- a/src/content/etherscan/components/FortaAlertLabel/index.module.less
+++ b/src/content/etherscan/components/FortaAlertLabel/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .tooltipTitle {
-  .align-center;
+  .items-center;
 
   span {
     white-space: nowrap;
diff --git a/src/content/etherscan/components/FortaAlertTip/index.module.less b/src/content/etherscan/components/FortaAlertTip/index.module.less
index 8f8677f..cc9a2c7 100644
--- a/src/content/etherscan/components/FortaAlertTip/index.module.less
+++ b/src/content/etherscan/components/FortaAlertTip/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .fortaAlertTip {
-  .align-center;
+  .items-center;
 
   img:first-of-type {
     width: 8px;
diff --git a/src/content/etherscan/components/FortaAlertWarningSymbol/index.module.less b/src/content/etherscan/components/FortaAlertWarningSymbol/index.module.less
index ee4dacd..4a5800d 100644
--- a/src/content/etherscan/components/FortaAlertWarningSymbol/index.module.less
+++ b/src/content/etherscan/components/FortaAlertWarningSymbol/index.module.less
@@ -22,7 +22,7 @@
       background: #111b36;
       padding: 0.5rem;
       color: #fff;
-      .align-center;
+      .items-center;
       &::after {
         content: '';
         position: absolute;
diff --git a/src/content/etherscan/components/FundFromTag/index.module.less b/src/content/etherscan/components/FundFromTag/index.module.less
index 74bdda4..ab75b1f 100644
--- a/src/content/etherscan/components/FundFromTag/index.module.less
+++ b/src/content/etherscan/components/FundFromTag/index.module.less
@@ -1,14 +1,14 @@
 @import '@common/styles/common.less';
 
 .fundFromTag {
-  .align-center;
+  .items-center;
 
   .label {
     margin-right: 8px;
   }
 
   .value {
-    .align-center;
+    .items-center;
     .risky {
       color: #de4337;
     }
diff --git a/src/content/etherscan/components/ParsersBtn/index.module.less b/src/content/etherscan/components/ParsersBtn/index.module.less
index 10b9fb2..c82ee38 100644
--- a/src/content/etherscan/components/ParsersBtn/index.module.less
+++ b/src/content/etherscan/components/ParsersBtn/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .quick2ParsersBtn {
-  .align-center;
+  .items-center;
 
   a {
     text-decoration: none;
diff --git a/src/content/etherscan/components/ParsersBtn/index.tsx b/src/content/etherscan/components/ParsersBtn/index.tsx
index 61a5341..dfb5879 100644
--- a/src/content/etherscan/components/ParsersBtn/index.tsx
+++ b/src/content/etherscan/components/ParsersBtn/index.tsx
@@ -10,6 +10,7 @@ import {
 } from '@common/constants'
 import { useStore } from '@common/hooks'
 import { getNodeValue } from '@common/utils'
+import { PHALCON_EXPLORER_DOMAIN } from '@common/config/uri'
 
 import styles from './index.module.less'
 
@@ -41,7 +42,7 @@ const ParsersBtn: FC<Props> = ({ chain }) => {
       <Space split={'|'}>
         {phalconPathname && (
           <a
-            href={`https://phalcon.blocksec.com/explorer/tx/${phalconPathname}/${txHash}`}
+            href={`${PHALCON_EXPLORER_DOMAIN}/tx/${phalconPathname}/${txHash}`}
             target="_blank"
           >
             Phalcon
diff --git a/src/content/etherscan/components/ReadContractAccordionItem/index.tsx b/src/content/etherscan/components/ReadContractAccordionItem/index.tsx
index 686418a..f276149 100644
--- a/src/content/etherscan/components/ReadContractAccordionItem/index.tsx
+++ b/src/content/etherscan/components/ReadContractAccordionItem/index.tsx
@@ -111,7 +111,7 @@ const ReadContractAccordionItem: FC<Props> = ({
           aria-controls={id}
           onClick={resizeIframe}
         >
-          <div className="align-center">
+          <div className="items-center">
             <span>
               {id.split('-')[1]}. {name} ({' '}
             </span>
@@ -214,7 +214,7 @@ const ReadContractAccordionItem: FC<Props> = ({
                     {errorMsg ? (
                       errorMsg
                     ) : queryResult ? (
-                      <div className="align-center">
+                      <div className="items-center">
                         <br />
                         {typeof queryResult.value === 'string' ? (
                           <div>
diff --git a/src/content/etherscan/components/TokenMarketplacesBtn/index.module.less b/src/content/etherscan/components/TokenMarketplacesBtn/index.module.less
index a1d0d1c..fec7043 100644
--- a/src/content/etherscan/components/TokenMarketplacesBtn/index.module.less
+++ b/src/content/etherscan/components/TokenMarketplacesBtn/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .tokenMarketplacesBtn {
-  .align-center;
+  .items-center;
 
   a {
     text-decoration: none;
diff --git a/src/content/etherscan/components/TransactionExplanation/index.module.less b/src/content/etherscan/components/TransactionExplanation/index.module.less
index 52ed901..41728db 100644
--- a/src/content/etherscan/components/TransactionExplanation/index.module.less
+++ b/src/content/etherscan/components/TransactionExplanation/index.module.less
@@ -107,7 +107,7 @@
 
 .dropdownItem {
   color: #000000;
-  .align-center;
+  .items-center;
   .pointer;
   &:not(:first-of-type) {
     margin-top: 10px;
diff --git a/src/content/etherscan/components/TransactionExplanation/index.tsx b/src/content/etherscan/components/TransactionExplanation/index.tsx
index 1b6bd45..5921d4f 100644
--- a/src/content/etherscan/components/TransactionExplanation/index.tsx
+++ b/src/content/etherscan/components/TransactionExplanation/index.tsx
@@ -188,7 +188,7 @@ const TransactionExplanation: FC<Props> = props => {
           </div>
           {!loading && (
             <div className={styles.actionGroup}>
-              <div className="align-center">
+              <div className="items-center">
                 {!errorOccur && (
                   <CopyButton size={14} mr={5} text={result?.content ?? ''} />
                 )}
diff --git a/src/content/etherscan/feat-scripts/transaction-simulator.tsx b/src/content/etherscan/feat-scripts/transaction-simulator.tsx
index be790d2..3b9efd3 100644
--- a/src/content/etherscan/feat-scripts/transaction-simulator.tsx
+++ b/src/content/etherscan/feat-scripts/transaction-simulator.tsx
@@ -153,7 +153,7 @@ const renderUnverifiedSimulateButton = (chain: string, address: string) => {
   root.insertBefore(dividcode)
   createRoot(root[0]).render(
     <SimulateBtn
-      className="align-center"
+      className="items-center"
       style={{ boxShadow: 'none' }}
       onClick={() => {
         renderDrawer({ chain, address })
diff --git a/src/content/index.ts b/src/content/index.ts
index 8431196..d813244 100644
--- a/src/content/index.ts
+++ b/src/content/index.ts
@@ -4,7 +4,6 @@ import { initBlockSec } from '@src/content/blocksec'
 import { initOpensea } from '@src/content/opensea'
 import { initBTCExplorer } from '@src/content/btc'
 import { initTronscan } from '@src/content/tronscan'
-import { initSnowtrace } from '@src/content/snowtrace'
 
 const currentUrl = window.location.href
 
@@ -16,6 +15,4 @@ if (isMatchURL(currentUrl, allowlist.BTC_EXPLORER_MATCHES)) {
   initOpensea()
 } else if (isMatchURL(currentUrl, allowlist.TRONSCAN_MATCHES)) {
   initTronscan()
-} else if (isMatchURL(currentUrl, allowlist.SNOWTRACE_MATCHES)) {
-  initSnowtrace()
 }
diff --git a/src/content/scans/components/AlternativeBlockExplorersBtn/index.module.less b/src/content/scans/components/AlternativeBlockExplorersBtn/index.module.less
index 5f7b942..87faac4 100644
--- a/src/content/scans/components/AlternativeBlockExplorersBtn/index.module.less
+++ b/src/content/scans/components/AlternativeBlockExplorersBtn/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .alternativeBlockExplorersBtn {
-  .align-center;
+  .items-center;
 
   flex-wrap: wrap;
 
diff --git a/src/content/scans/components/Button/index.module.less b/src/content/scans/components/Button/index.module.less
index 35cc53c..ded5117 100644
--- a/src/content/scans/components/Button/index.module.less
+++ b/src/content/scans/components/Button/index.module.less
@@ -13,7 +13,7 @@
   transition: all 0.2s ease-in-out;
   border-style: solid;
   border-width: 1px;
-  .align-center;
+  .items-center;
 
   img {
     width: 16px;
diff --git a/src/content/scans/components/ComplianceScoreLabel/index.module.less b/src/content/scans/components/ComplianceScoreLabel/index.module.less
index d58e8d8..95d1e05 100644
--- a/src/content/scans/components/ComplianceScoreLabel/index.module.less
+++ b/src/content/scans/components/ComplianceScoreLabel/index.module.less
@@ -9,7 +9,7 @@
   padding: 0.3rem 0.6rem;
   font-size: 0.72rem;
   border: 1px solid transparent;
-  .align-center;
+  .items-center;
 
   &.lowRisk {
     color: #00a54c;
diff --git a/src/content/scans/components/FortaAlertLabel/index.module.less b/src/content/scans/components/FortaAlertLabel/index.module.less
index 6326cbd..4d5433b 100644
--- a/src/content/scans/components/FortaAlertLabel/index.module.less
+++ b/src/content/scans/components/FortaAlertLabel/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .tooltipTitle {
-  .align-center;
+  .items-center;
 
   span {
     white-space: nowrap;
diff --git a/src/content/scans/components/FortaAlertTip/index.module.less b/src/content/scans/components/FortaAlertTip/index.module.less
index 8f8677f..cc9a2c7 100644
--- a/src/content/scans/components/FortaAlertTip/index.module.less
+++ b/src/content/scans/components/FortaAlertTip/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .fortaAlertTip {
-  .align-center;
+  .items-center;
 
   img:first-of-type {
     width: 8px;
diff --git a/src/content/scans/components/FortaAlertWarningSymbol/index.module.less b/src/content/scans/components/FortaAlertWarningSymbol/index.module.less
index 09a7ee3..073db49 100644
--- a/src/content/scans/components/FortaAlertWarningSymbol/index.module.less
+++ b/src/content/scans/components/FortaAlertWarningSymbol/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .tooltipTitle {
-  .align-center;
+  .items-center;
 
   span {
     white-space: nowrap;
@@ -29,7 +29,7 @@
       background: #111b36;
       padding: 0.5rem;
       color: #fff;
-      .align-center;
+      .items-center;
       &::after {
         content: '';
         position: absolute;
diff --git a/src/content/scans/components/FundFromTag/index.module.less b/src/content/scans/components/FundFromTag/index.module.less
index 74bdda4..ab75b1f 100644
--- a/src/content/scans/components/FundFromTag/index.module.less
+++ b/src/content/scans/components/FundFromTag/index.module.less
@@ -1,14 +1,14 @@
 @import '@common/styles/common.less';
 
 .fundFromTag {
-  .align-center;
+  .items-center;
 
   .label {
     margin-right: 8px;
   }
 
   .value {
-    .align-center;
+    .items-center;
     .risky {
       color: #de4337;
     }
diff --git a/src/content/scans/components/ParsersBtn/index.module.less b/src/content/scans/components/ParsersBtn/index.module.less
index 513c330..7f7f2db 100644
--- a/src/content/scans/components/ParsersBtn/index.module.less
+++ b/src/content/scans/components/ParsersBtn/index.module.less
@@ -1,7 +1,7 @@
 @import '@common/styles/common.less';
 
 .quick2ParsersBtn {
-  .align-center;
+  .items-center;
 
   a {
     text-decoration: none;
diff --git a/src/content/scans/components/ParsersBtn/index.tsx b/src/content/scans/components/ParsersBtn/index.tsx
index 936f5fc..e037e5d 100644
--- a/src/content/scans/components/ParsersBtn/index.tsx
+++ b/src/content/scans/components/ParsersBtn/index.tsx
@@ -10,6 +10,7 @@ import {
 } from '@common/constants'
 import { getNodeValue } from '@common/utils'
 import { useStore } from '@common/hooks'
+import { PHALCON_EXPLORER_DOMAIN } from '@common/config/uri'
 
 import styles from './index.module.less'
 
@@ -41,7 +42,7 @@ const ParsersBtn: FC<Props> = ({ chain }) => {
       <Space split={'|'}>
         {phalconPathname && (
           <a
-            href={`https://phalcon.blocksec.com/explorer/tx/${phalconPathname}/${txHash}`}
+            href={`${PHALCON_EXPLORER_DOMAIN}/tx/${phalconPathname}/${txHash}`}
             target="_blank"
           >
             Phalcon
diff --git a/src/content/scans/components/ReadContractAccordionItem/index.tsx b/src/content/scans/components/ReadContractAccordionItem/index.tsx
index 79c96c9..c2029e8 100644
--- a/src/content/scans/components/ReadContractAccordionItem/index.tsx
+++ b/src/content/scans/components/ReadContractAccordionItem/index.tsx
@@ -111,7 +111,7 @@ const ReadContractAccordionItem: FC<Props> = ({
           aria-controls={id}
           onClick={resizeIframe}
         >
-          <div className="align-center">
+          <div className="items-center">
             <span>
               {id.split('-')[1]}. {name} ({' '}
             </span>
@@ -214,7 +214,7 @@ const ReadContractAccordionItem: FC<Props> = ({
                     {errorMsg ? (
                       errorMsg
                     ) : queryResult ? (
-                      <div className="align-center">
+                      <div className="items-center">
                         <br />
                         {typeof queryResult.value === 'string' ? (
                           <div>
diff --git a/src/content/scans/components/TransactionExplanation/index.module.less b/src/content/scans/components/TransactionExplanation/index.module.less
index fb83058..f0415bc 100644
--- a/src/content/scans/components/TransactionExplanation/index.module.less
+++ b/src/content/scans/components/TransactionExplanation/index.module.less
@@ -107,7 +107,7 @@
 
 .dropdownItem {
   color: #000000;
-  .align-center;
+  .items-center;
   .pointer;
   &:not(:first-of-type) {
     margin-top: 10px;
diff --git a/src/content/scans/components/TransactionExplanation/index.tsx b/src/content/scans/components/TransactionExplanation/index.tsx
index 7dd2f7f..28ff15c 100644
--- a/src/content/scans/components/TransactionExplanation/index.tsx
+++ b/src/content/scans/components/TransactionExplanation/index.tsx
@@ -171,7 +171,7 @@ const TransactionExplanation: FC<Props> = props => {
             </div>
             {!loading && (
               <div className={styles.actionGroup}>
-                <div className="align-center">
+                <div className="items-center">
                   {!errorOccur && (
                     <CopyButton size={14} mr={5} text={result?.content ?? ''} />
                   )}
diff --git a/src/content/snowtrace/components/ComplianceScoreLabel/index.module.less b/src/content/snowtrace/components/ComplianceScoreLabel/index.module.less
deleted file mode 100644
index 6b3e34d..0000000
--- a/src/content/snowtrace/components/ComplianceScoreLabel/index.module.less
+++ /dev/null
@@ -1,24 +0,0 @@
-@import '@common/styles/common.less';
-
-.complianceScoreLabel {
-  width: fit-content;
-  color: #de4337;
-  border-radius: 6px;
-  background: rgba(222, 67, 55, 0.3);
-  padding: 0 0.6rem;
-  height: 30px;
-  font-size: 14px;
-  border: 1px solid transparent;
-  .align-center;
-
-  &.lowRisk {
-    color: #00a54c;
-    background: rgba(0, 165, 76, 0.3);
-  }
-
-  .iconRisk {
-    margin-right: 8px;
-    width: 16px;
-    height: 16px;
-  }
-}
diff --git a/src/content/snowtrace/components/ComplianceScoreLabel/index.tsx b/src/content/snowtrace/components/ComplianceScoreLabel/index.tsx
deleted file mode 100644
index e28363a..0000000
--- a/src/content/snowtrace/components/ComplianceScoreLabel/index.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { type FC } from 'react'
-import cls from 'classnames'
-import { Tooltip, ConfigProvider } from 'antd'
-
-import { getImageUrl } from '@common/utils'
-import { type AddressRiskLevel, ADDRESS_RISK_OPTIONS } from '@common/constants'
-
-import styles from './index.module.less'
-
-interface Props {
-  risk: AddressRiskLevel
-}
-
-const ComplianceScoreLabel: FC<Props> = ({ risk }) => {
-  const riskOpt = Object.values(ADDRESS_RISK_OPTIONS).find(
-    item => item.value === risk
-  )
-
-  return (
-    <ConfigProvider prefixCls="metadock">
-      <Tooltip
-        zIndex={2147483647}
-        overlayInnerStyle={{ width: 288 }}
-        title={
-          <div>
-            <a
-              className="text-primary link"
-              href="mailto:metadockteam@blocksec.com"
-              target="_blank"
-            >
-              Contact us{' '}
-            </a>
-            for any questions regarding compliance risk assessment by algorithm.
-          </div>
-        }
-      >
-        {riskOpt && (
-          <div
-            className={cls(styles.complianceScoreLabel, {
-              [styles.lowRisk]: [
-                ADDRESS_RISK_OPTIONS.NONE.value,
-                ADDRESS_RISK_OPTIONS.LOW.value
-              ].includes(riskOpt.value)
-            })}
-          >
-            <img
-              className={styles.iconRisk}
-              src={getImageUrl(riskOpt.icon)}
-              alt=""
-            />
-            {riskOpt.label}
-          </div>
-        )}
-      </Tooltip>
-    </ConfigProvider>
-  )
-}
-
-export default ComplianceScoreLabel
diff --git a/src/content/snowtrace/components/DeBankBtn/index.tsx b/src/content/snowtrace/components/DeBankBtn/index.tsx
deleted file mode 100644
index bbddffa..0000000
--- a/src/content/snowtrace/components/DeBankBtn/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { type FC } from 'react'
-import { Button, ConfigProvider } from 'antd'
-import { StyleProvider } from '@ant-design/cssinjs'
-
-import { getImageUrl } from '@common/utils'
-import { Image } from '@common/components'
-
-interface Props {
-  mainAddress: string
-}
-
-const DeBankBtn: FC<Props> = ({ mainAddress }) => {
-  const toDeBank = () => {
-    window.open(`https://debank.com/profile/${mainAddress}`)
-  }
-
-  return (
-    <StyleProvider hashPriority="high">
-      <ConfigProvider
-        prefixCls="metadock"
-        theme={{
-          token: {
-            colorPrimary: '#f85f36',
-            controlHeight: 30
-          }
-        }}
-      >
-        <Button
-          type="primary"
-          icon={<Image src={getImageUrl('debank')} width={16} />}
-          className="align-center"
-          onClick={toDeBank}
-        >
-          DeBank
-        </Button>
-      </ConfigProvider>
-    </StyleProvider>
-  )
-}
-
-export default DeBankBtn
diff --git a/src/content/snowtrace/components/FundFlowBtn/index.tsx b/src/content/snowtrace/components/FundFlowBtn/index.tsx
deleted file mode 100644
index e271121..0000000
--- a/src/content/snowtrace/components/FundFlowBtn/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { type FC, useState } from 'react'
-import { Button, ConfigProvider } from 'antd'
-import { StyleProvider } from '@ant-design/cssinjs'
-
-import { getImageUrl } from '@common/utils'
-import { ModalFundFlow, Image } from '@common/components'
-
-interface Props {
-  chain: string
-  mainAddress: string
-}
-
-const FundFlowBtn: FC<Props> = ({ mainAddress, chain }) => {
-  const [visible, setVisible] = useState(false)
-
-  return (
-    <StyleProvider hashPriority="high">
-      <ConfigProvider
-        prefixCls="metadock"
-        theme={{
-          token: {
-            colorPrimary: '#E84142',
-            controlHeight: 30
-          }
-        }}
-      >
-        <Button
-          type="primary"
-          icon={<Image src={getImageUrl('fundflow')} width={16} />}
-          className="align-center"
-          onClick={() => setVisible(true)}
-        >
-          Fund Flow
-        </Button>
-      </ConfigProvider>
-      <ModalFundFlow
-        visible={visible}
-        chain={chain}
-        mainAddress={mainAddress}
-        onClose={() => setVisible(false)}
-      />
-    </StyleProvider>
-  )
-}
-
-export default FundFlowBtn
diff --git a/src/content/snowtrace/components/ParsersBtn/index.module.less b/src/content/snowtrace/components/ParsersBtn/index.module.less
deleted file mode 100644
index 10b9fb2..0000000
--- a/src/content/snowtrace/components/ParsersBtn/index.module.less
+++ /dev/null
@@ -1,17 +0,0 @@
-@import '@common/styles/common.less';
-
-.quick2ParsersBtn {
-  .align-center;
-
-  a {
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .divider {
-    margin: 0 5px;
-  }
-}
diff --git a/src/content/snowtrace/components/ParsersBtn/index.tsx b/src/content/snowtrace/components/ParsersBtn/index.tsx
deleted file mode 100644
index c51677f..0000000
--- a/src/content/snowtrace/components/ParsersBtn/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { type FC } from 'react'
-import { Space } from 'antd'
-
-import {
-  DEDAUB_SUPPORT_DIRECT_LIST,
-  PHALCON_SUPPORT_LIST,
-  TENDERLY_SUPPORT_LIST,
-  OPENCHAIN_SUPPORT_LIST,
-  TransactionParsers
-} from '@common/constants'
-import { useStore } from '@common/hooks'
-
-import styles from './index.module.less'
-
-interface Props {
-  chain: string
-  txHash: string
-}
-
-const ParsersBtn: FC<Props> = ({ chain, txHash }) => {
-  const [alternativeParsers] = useStore('alternativeParsers')
-
-  const dedaubPathname = DEDAUB_SUPPORT_DIRECT_LIST.find(
-    item => item.chain === chain
-  )?.pathname
-  const phalconPathname = PHALCON_SUPPORT_LIST.find(
-    item => item.chain === chain
-  )?.pathname
-  const openchainPathname = OPENCHAIN_SUPPORT_LIST.find(
-    item => item.chain === chain
-  )?.pathname
-  const tenderlyPathname = TENDERLY_SUPPORT_LIST.find(
-    item => item.chain === chain
-  )?.pathname
-
-  return (
-    <div className={styles.quick2ParsersBtn}>
-      <Space split={'|'}>
-        {phalconPathname && (
-          <a
-            href={`https://phalcon.blocksec.com/explorer/tx/${phalconPathname}/${txHash}`}
-            target="_blank"
-            className="text-primary link"
-          >
-            Phalcon
-          </a>
-        )}
-        {openchainPathname &&
-          alternativeParsers[TransactionParsers.OPENCHAIN.value()] && (
-            <a
-              href={`https://openchain.xyz/trace/${openchainPathname}/${txHash}`}
-              target="_blank"
-              className="text-primary link"
-            >
-              OpenChain
-            </a>
-          )}
-        {tenderlyPathname &&
-          alternativeParsers[TransactionParsers.TENDERLY.value()] && (
-            <a
-              href={`https://dashboard.tenderly.co/tx/${tenderlyPathname}/${txHash}`}
-              target="_blank"
-              className="text-primary link"
-            >
-              Tenderly
-            </a>
-          )}
-        {dedaubPathname &&
-          alternativeParsers[TransactionParsers.DEDAUB.value()] && (
-            <a
-              href={`https://app.dedaub.com/${dedaubPathname}/tx/${txHash}`}
-              target="_blank"
-              className="text-primary link"
-            >
-              Dedaub
-            </a>
-          )}
-      </Space>
-    </div>
-  )
-}
-
-export default ParsersBtn
diff --git a/src/content/snowtrace/components/index.ts b/src/content/snowtrace/components/index.ts
deleted file mode 100644
index 80c27db..0000000
--- a/src/content/snowtrace/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as ParsersBtn } from './ParsersBtn'
-export { default as FundFlowBtn } from './FundFlowBtn'
-export { default as ComplianceScoreLabel } from './ComplianceScoreLabel'
-export { default as DeBankBtn } from './DeBankBtn'
diff --git a/src/content/snowtrace/feat-scripts/compliance-score.tsx b/src/content/snowtrace/feat-scripts/compliance-score.tsx
deleted file mode 100644
index a5307a9..0000000
--- a/src/content/snowtrace/feat-scripts/compliance-score.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { createRoot } from 'react-dom/client'
-import $ from 'jquery'
-
-import { chromeEvent } from '@common/event'
-import type { RiskScore } from '@common/api/types'
-import { GET_ADDRESS_RISK_SCORE } from '@common/constants'
-import { pickAddress } from '@common/utils'
-
-import { ComplianceScoreLabel } from '../components'
-
-const genComplianceScoresBtn = async (
-  chain: string,
-  container: JQuery<HTMLElement>
-) => {
-  const mainAddress = pickAddress(window.location.href)
-
-  if (!mainAddress) return
-
-  const rootEl = $('<div></div>')
-
-  const res = await chromeEvent.emit<typeof GET_ADDRESS_RISK_SCORE, RiskScore>(
-    GET_ADDRESS_RISK_SCORE,
-    {
-      chain: chain,
-      address: mainAddress
-    }
-  )
-  if (res?.success && res.data) {
-    container.prepend(rootEl)
-    const data = res.data
-    createRoot(rootEl[0]).render(<ComplianceScoreLabel risk={data.risk} />)
-  }
-}
-
-export default genComplianceScoresBtn
diff --git a/src/content/snowtrace/feat-scripts/debank.tsx b/src/content/snowtrace/feat-scripts/debank.tsx
deleted file mode 100644
index 4ca1d83..0000000
--- a/src/content/snowtrace/feat-scripts/debank.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createRoot } from 'react-dom/client'
-import $ from 'jquery'
-
-import { DEBANK_SUPPORT_LIST } from '@common/constants'
-import { pickAddress } from '@common/utils'
-
-import { DeBankBtn } from '../components'
-
-const genDeBankBtn = async (chain: string, container: JQuery<HTMLElement>) => {
-  if (!DEBANK_SUPPORT_LIST.includes(chain)) return
-  const mainAddress = pickAddress(window.location.href)
-  if (!mainAddress) return
-
-  const rootEl = $('<div></div>')
-  container.append(rootEl)
-  createRoot(rootEl[0]).render(<DeBankBtn mainAddress={mainAddress} />)
-}
-
-export default genDeBankBtn
diff --git a/src/content/snowtrace/feat-scripts/fund-flow.tsx b/src/content/snowtrace/feat-scripts/fund-flow.tsx
deleted file mode 100644
index 3a19463..0000000
--- a/src/content/snowtrace/feat-scripts/fund-flow.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createRoot } from 'react-dom/client'
-import $ from 'jquery'
-
-import { pickAddress } from '@common/utils'
-
-import { FundFlowBtn } from '../components'
-
-const genFundFlowBtn = async (
-  chain: string,
-  container: JQuery<HTMLElement>
-) => {
-  const mainAddress = pickAddress(window.location.href)
-
-  if (!mainAddress) return
-
-  const rootEl = $('<div></div>')
-  container.append(rootEl)
-
-  createRoot(rootEl[0]).render(
-    <FundFlowBtn chain={chain} mainAddress={mainAddress} />
-  )
-}
-
-export default genFundFlowBtn
diff --git a/src/content/snowtrace/feat-scripts/index.ts b/src/content/snowtrace/feat-scripts/index.ts
deleted file mode 100644
index 738e0d7..0000000
--- a/src/content/snowtrace/feat-scripts/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as genQuick2ParsersBtn } from './quick2parsers'
-export { default as genFundFlowBtn } from './fund-flow'
-export { default as genComplianceScoresBtn } from './compliance-score'
-export { default as genDeBankBtn } from './debank'
diff --git a/src/content/snowtrace/feat-scripts/quick2parsers.tsx b/src/content/snowtrace/feat-scripts/quick2parsers.tsx
deleted file mode 100644
index dc53da6..0000000
--- a/src/content/snowtrace/feat-scripts/quick2parsers.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createRoot } from 'react-dom/client'
-import $ from 'jquery'
-
-import { isSupportParsers } from '@common/utils'
-
-import ParsersBtn from '../components/ParsersBtn'
-
-const genQuick2parsersBtn = async (chain: string) => {
-  if (!isSupportParsers(chain)) return
-  const txHashEl = $('.card-body .grid:nth-of-type(2) div:last-child')
-  const hash = txHashEl.text().trim()
-  const rootEl = $('<div></div>')
-  rootEl.css({ display: 'inline-block', marginLeft: '0.5rem' })
-  txHashEl.append(rootEl)
-  createRoot(rootEl[0]).render(<ParsersBtn txHash={hash} chain={chain} />)
-}
-
-export default genQuick2parsersBtn
diff --git a/src/content/snowtrace/index.tsx b/src/content/snowtrace/index.tsx
deleted file mode 100644
index 4d9a68b..0000000
--- a/src/content/snowtrace/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import browser from 'webextension-polyfill'
-
-import '@common/styles/inject.common'
-import { URL_UPDATED } from '@common/constants'
-
-import runScript from './main'
-
-export const initSnowtrace = async () => {
-  runScript()
-  browser.runtime.onMessage.addListener((message, _sender, sendResponse) => {
-    if (message === URL_UPDATED) {
-      requestIdleCallback(runScript)
-      sendResponse()
-    }
-  })
-}
diff --git a/src/content/snowtrace/main.tsx b/src/content/snowtrace/main.tsx
deleted file mode 100644
index 718b7ad..0000000
--- a/src/content/snowtrace/main.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import '@common/styles/inject.common'
-import { store } from '@src/store'
-import {
-  isAllowed,
-  getPageName,
-  getHrefQueryVariable,
-  getChainSimpleName
-} from '@common/utils'
-import { ETHERSCAN_PAGES, EXT_SUPPORT_WEB_LIST } from '@common/constants'
-
-import {
-  initTxPageScript,
-  initAddressPageScript,
-  initTokenPageScript
-} from './page-scripts'
-
-const runScript = async () => {
-  const supportWebList = await store.get('supportWebList')
-
-  const allowed = isAllowed(Object.values(supportWebList))
-  const chain: string | undefined = getChainSimpleName()
-  if (!allowed || !chain) return
-
-  const chainId = getHrefQueryVariable(window.location.href, 'chainId')
-  if (
-    chainId &&
-    EXT_SUPPORT_WEB_LIST.flatMap(item => [
-      item,
-      ...(item.testNets || [])
-    ]).findIndex(item => item.chainID === Number(chainId)) === -1
-  ) {
-    return
-  }
-
-  const pageName = getPageName()
-
-  switch (pageName) {
-    case ETHERSCAN_PAGES.TX.name:
-      initTxPageScript(chain)
-      break
-    case ETHERSCAN_PAGES.ADDRESS.name:
-      initAddressPageScript(chain)
-      break
-    case ETHERSCAN_PAGES.TOKEN.name:
-      initTokenPageScript(chain)
-      break
-  }
-}
-
-export default runScript
diff --git a/src/content/snowtrace/page-scripts/address.tsx b/src/content/snowtrace/page-scripts/address.tsx
deleted file mode 100644
index 6ebebbd..0000000
--- a/src/content/snowtrace/page-scripts/address.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import $ from 'jquery'
-
-import { store } from '@src/store'
-
-import {
-  genFundFlowBtn,
-  genComplianceScoresBtn,
-  genDeBankBtn
-} from '../feat-scripts'
-
-const createAccountBox = () => {
-  if ($('#md-account-box').length) return Promise.reject()
-  const breadcrumbEl = $('#address .breadcrumb-up')
-  const accountBox = $(
-    '<div id="md-account-box" class="custom-container" style="display: flex;align-items: center;gap: 14px;margin-bottom: 14px;"></div>'
-  )
-  breadcrumbEl.after(accountBox)
-  return Promise.resolve()
-}
-
-const initAddressPageScript = async (chain: string) => {
-  const { complianceScores, fundFlow, quick2debank } = await store.get(
-    'options'
-  )
-
-  createAccountBox().then(() => {
-    const container = $('#md-account-box')
-    if (complianceScores) genComplianceScoresBtn(chain, container)
-    if (fundFlow) genFundFlowBtn(chain, container)
-    if (quick2debank) genDeBankBtn(chain, container)
-  })
-}
-
-export default initAddressPageScript
diff --git a/src/content/snowtrace/page-scripts/index.ts b/src/content/snowtrace/page-scripts/index.ts
deleted file mode 100644
index 22ff304..0000000
--- a/src/content/snowtrace/page-scripts/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as initTxPageScript } from './tx'
-export { default as initAddressPageScript } from './address'
-export { default as initTokenPageScript } from './token'
diff --git a/src/content/snowtrace/page-scripts/token.tsx b/src/content/snowtrace/page-scripts/token.tsx
deleted file mode 100644
index 355dd9d..0000000
--- a/src/content/snowtrace/page-scripts/token.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import $ from 'jquery'
-
-import { store } from '@src/store'
-
-import {
-  genComplianceScoresBtn,
-  genFundFlowBtn,
-  genDeBankBtn
-} from '../feat-scripts'
-
-const createAccountBox = () => {
-  if ($('#md-account-box').length) return Promise.reject()
-  const breadcrumbEl = $('#token .breadcrumb-up')
-  const accountBox = $(
-    '<div id="md-account-box" class="custom-container" style="display: flex;align-items: center;gap: 14px;margin-bottom: 14px;"></div>'
-  )
-  breadcrumbEl.after(accountBox)
-  return Promise.resolve()
-}
-
-const initTokenPageScript = async (chain: string) => {
-  const { complianceScores, fundFlow, quick2debank } = await store.get(
-    'options'
-  )
-
-  createAccountBox().then(() => {
-    const container = $('#md-account-box')
-    if (complianceScores) genComplianceScoresBtn(chain, container)
-    if (fundFlow) genFundFlowBtn(chain, container)
-    if (quick2debank) genDeBankBtn(chain, container)
-  })
-}
-
-export default initTokenPageScript
diff --git a/src/content/snowtrace/page-scripts/tx.tsx b/src/content/snowtrace/page-scripts/tx.tsx
deleted file mode 100644
index 51ae7d6..0000000
--- a/src/content/snowtrace/page-scripts/tx.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { store } from '@src/store'
-
-import { genQuick2ParsersBtn } from '../feat-scripts'
-
-const initTxPageScript = async (chain: string) => {
-  const { quick2Parsers } = await store.get('options')
-
-  if (quick2Parsers) genQuick2ParsersBtn(chain)
-}
-
-export default initTxPageScript
diff --git a/src/content/tronscan/components/ApprovalDiagnosisBtn/index.tsx b/src/content/tronscan/components/ApprovalDiagnosisBtn/index.tsx
index e933080..b74349f 100644
--- a/src/content/tronscan/components/ApprovalDiagnosisBtn/index.tsx
+++ b/src/content/tronscan/components/ApprovalDiagnosisBtn/index.tsx
@@ -38,7 +38,7 @@ const ApprovalDiagnosisBtn: FC = () => {
     >
       <Button
         type="primary"
-        className="align-center"
+        className="items-center"
         onClick={activeApprovalChecker}
         icon={<Image src={getImageUrl('approval-diagnosis')} width={16} />}
       >
diff --git a/src/content/tronscan/components/ComplianceScoreLabel/index.module.less b/src/content/tronscan/components/ComplianceScoreLabel/index.module.less
index 6b3e34d..7ee0f52 100644
--- a/src/content/tronscan/components/ComplianceScoreLabel/index.module.less
+++ b/src/content/tronscan/components/ComplianceScoreLabel/index.module.less
@@ -9,7 +9,7 @@
   height: 30px;
   font-size: 14px;
   border: 1px solid transparent;
-  .align-center;
+  .items-center;
 
   &.lowRisk {
     color: #00a54c;
diff --git a/src/content/tronscan/components/DecompileInEthervmBtn/index.tsx b/src/content/tronscan/components/DecompileInEthervmBtn/index.tsx
index 407118f..f01cc98 100644
--- a/src/content/tronscan/components/DecompileInEthervmBtn/index.tsx
+++ b/src/content/tronscan/components/DecompileInEthervmBtn/index.tsx
@@ -32,7 +32,7 @@ const DecompileInEthervmBtn: FC<Props> = ({ mainAddress }) => {
       <Button
         size="small"
         type="primary"
-        className="align-center"
+        className="items-center"
         icon={<Image src={getImageUrl('ethervm')} width={16} />}
         onClick={toEthervm}
       >
diff --git a/src/content/tronscan/components/ExportTableDataBtn/index.tsx b/src/content/tronscan/components/ExportTableDataBtn/index.tsx
index 1639e6c..b88a1ac 100644
--- a/src/content/tronscan/components/ExportTableDataBtn/index.tsx
+++ b/src/content/tronscan/components/ExportTableDataBtn/index.tsx
@@ -119,7 +119,7 @@ const ExportTableDataBtn: FC<Props> = ({ chain, table }) => {
         <Button
           size="small"
           type="primary"
-          className="align-center"
+          className="items-center"
           icon={<IconDownload size={12} color="#fff" />}
         >
           <Space>
diff --git a/src/content/tronscan/components/FundFlowBtn/index.tsx b/src/content/tronscan/components/FundFlowBtn/index.tsx
index fa3a6a2..47678de 100644
--- a/src/content/tronscan/components/FundFlowBtn/index.tsx
+++ b/src/content/tronscan/components/FundFlowBtn/index.tsx
@@ -27,7 +27,7 @@ const FundFlowBtn: FC<Props> = ({ mainAddress }) => {
         <Button
           type="primary"
           icon={<Image src={getImageUrl('fundflow')} width={16} />}
-          className="align-center"
+          className="items-center"
           onClick={() => setVisible(true)}
         >
           Fund Flow
diff --git a/src/content/tronscan/components/FundFromTag/index.module.less b/src/content/tronscan/components/FundFromTag/index.module.less
index 74bdda4..ab75b1f 100644
--- a/src/content/tronscan/components/FundFromTag/index.module.less
+++ b/src/content/tronscan/components/FundFromTag/index.module.less
@@ -1,14 +1,14 @@
 @import '@common/styles/common.less';
 
 .fundFromTag {
-  .align-center;
+  .items-center;
 
   .label {
     margin-right: 8px;
   }
 
   .value {
-    .align-center;
+    .items-center;
     .risky {
       color: #de4337;
     }
diff --git a/src/content/tronscan/components/ParsersBtn/index.tsx b/src/content/tronscan/components/ParsersBtn/index.tsx
index 9d3e04d..51596f0 100644
--- a/src/content/tronscan/components/ParsersBtn/index.tsx
+++ b/src/content/tronscan/components/ParsersBtn/index.tsx
@@ -21,7 +21,7 @@ const ParsersBtn: FC<Props> = ({ txHash }) => {
       >
         <Button
           type="primary"
-          className="align-center"
+          className="items-center"
           icon={
             <img
               className="mr-1"
diff --git a/src/content/tronscan/feat-scripts/enhanced-labels.tsx b/src/content/tronscan/feat-scripts/enhanced-labels.tsx
index d68e315..ac1dd5c 100644
--- a/src/content/tronscan/feat-scripts/enhanced-labels.tsx
+++ b/src/content/tronscan/feat-scripts/enhanced-labels.tsx
@@ -91,12 +91,12 @@ const genEnhancedLabels = (page?: string) => {
               <Tooltip
                 overlayInnerStyle={{ width: 288 }}
                 title={
-                  <div className="flex-column align-center">
+                  <div className="flex-column items-center">
                     <div>{match.label}</div>
                     <div>{match.address}</div>
                   </div>
                 }
-                className="align-center"
+                className="items-center"
               >
                 <TokenSymbol logo={match.logo} />
                 <span className="flex1">{getSubStr(match.label, [6])}</span>
diff --git a/src/popup/components/Brand/index.module.less b/src/popup/components/Brand/index.module.less
index e444876..97eda40 100644
--- a/src/popup/components/Brand/index.module.less
+++ b/src/popup/components/Brand/index.module.less
@@ -3,7 +3,7 @@
 .container {
   width: 100%;
   .flex-column;
-  .align-center;
+  .items-center;
 
   .policy {
     margin-bottom: 11px;
diff --git a/src/popup/components/Shortcuts/index.module.less b/src/popup/components/Shortcuts/index.module.less
index eda128a..6b585d0 100644
--- a/src/popup/components/Shortcuts/index.module.less
+++ b/src/popup/components/Shortcuts/index.module.less
@@ -4,7 +4,7 @@
   width: 100%;
   padding: 0 24px;
   .flex-column;
-  .align-center;
+  .items-center;
 
   .logo {
     width: 197px;
@@ -59,7 +59,7 @@
           line-height: 14px;
           padding-left: 11px;
           margin-bottom: 9px;
-          .align-center;
+          .items-center;
         }
         .content {
           padding: 11px;
diff --git a/src/popup/components/Shortcuts/index.tsx b/src/popup/components/Shortcuts/index.tsx
index 54db5dd..fee6fe6 100644
--- a/src/popup/components/Shortcuts/index.tsx
+++ b/src/popup/components/Shortcuts/index.tsx
@@ -103,7 +103,7 @@ const Shortcuts: FC = () => {
         const image =
           item.image || blockies.create({ seed: item.name }).toDataURL()
         return (
-          <div className={cls(styles.content, 'align-center')}>
+          <div className={cls(styles.content, 'items-center')}>
             <img className={styles.iconImg} src={image} alt="" loading="lazy" />
             <div className={cls('flex1')} style={{ overflow: 'hidden' }}>
               <div className={styles.title}>{item.name ?? item.address}</div>