diff --git a/packages/uiweb/src/lib/components/notification/index.tsx b/packages/uiweb/src/lib/components/notification/index.tsx
index cbccd9081..04ee1ec31 100644
--- a/packages/uiweb/src/lib/components/notification/index.tsx
+++ b/packages/uiweb/src/lib/components/notification/index.tsx
@@ -410,7 +410,7 @@ const BlockchainContainer = styled.div`
 `;
 
 const ChainIconSVG = styled.div<OffsetWidthType>`
-  width: 33px;
+  width: 28px;
   height: 28px;
 
   svg,
diff --git a/packages/uiweb/src/lib/icons/CyberConnect.tsx b/packages/uiweb/src/lib/icons/CyberConnect.tsx
index 48be9fad2..a05580c83 100644
--- a/packages/uiweb/src/lib/icons/CyberConnect.tsx
+++ b/packages/uiweb/src/lib/icons/CyberConnect.tsx
@@ -3,38 +3,55 @@ import { SVGProps } from 'react';
 
 export const CyberConnectIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
-    width={33}
-    height={33}
-    fill="none"
+    data-name="Layer 1"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     {...props}
   >
-    <g clipPath="url(#a)">
+    <defs>
+      <clipPath id="a">
+        <path
+          style={{
+            fill: "none",
+            strokeWidth: 0,
+          }}
+          d="M.4.5h23.2v23.1H.4z"
+        />
+      </clipPath>
+    </defs>
+    <g
+      style={{
+        clipPath: "url(#a)",
+      }}
+    >
       <path
-        d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
-        fill="#B7F7B0"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-7.4c-1.6 0-3.1.3-4.5.9-1.4.6-2.6 1.4-3.7 2.5S1.9 6.2 1.3 7.6C.7 9 .4 10.5.4 12.1s.3 3.1.9 4.5c.6 1.4 1.4 2.6 2.5 3.7s2.3 1.9 3.7 2.5c1.4.6 2.9.9 4.5.9s3.1-.3 4.5-.9c1.4-.6 2.6-1.4 3.7-2.5s1.9-2.3 2.5-3.7c.6-1.4.9-2.9.9-4.5s-.3-3.1-.9-4.5c-.6-1.4-1.4-2.6-2.5-3.7S17.9 2 16.5 1.4C15.1.8 13.6.5 12 .5Z"
+        style={{
+          fill: "#b7f7b0",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
-        fill="#07DC10"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-5C7 2.9 2.9 7 2.9 12S7 21.1 12 21.1s9.1-4.1 9.1-9.1S17 2.9 12 2.9Z"
+        style={{
+          fill: "#07dc10",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
-        fill="#0C9B00"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-2.5c-3.6 0-6.6 3-6.6 6.6s3 6.6 6.6 6.6 6.6-3 6.6-6.6-3-6.6-6.6-6.6Z"
+        style={{
+          fill: "#0c9b00",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
-        fill="#EAEAEA"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Z"
+        style={{
+          strokeWidth: 0,
+          fill: "#eaeaea",
+        }}
       />
     </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          transform="translate(0 .105)"
-          d="M0 0h32.151v32H0z"
-        />
-      </clipPath>
-    </defs>
   </svg>
-);
+)
\ No newline at end of file
diff --git a/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx b/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx
index 57bea1fe9..04e3d67a4 100644
--- a/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx
+++ b/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx
@@ -1,42 +1,57 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
 
-export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      width={33}
-      height={33}
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <g clipPath="url(#a)">
-        <path
-          d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
-          fill="#B7F7B0"
-        />
-        <path
-          d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
-          fill="#07DC10"
-        />
-        <path
-          d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
-          fill="#0C9B00"
-        />
+export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    data-name="Layer 1"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <defs>
+      <clipPath id="a">
         <path
-          d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
-          fill="#EAEAEA"
+          style={{
+            fill: "none",
+            strokeWidth: 0,
+          }}
+          d="M.4.5h23.2v23.1H.4z"
         />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(0 .105)"
-            d="M0 0h32.151v32H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
+      </clipPath>
+    </defs>
+    <g
+      style={{
+        clipPath: "url(#a)",
+      }}
+    >
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-7.4c-1.6 0-3.1.3-4.5.9-1.4.6-2.6 1.4-3.7 2.5S1.9 6.2 1.3 7.6C.7 9 .4 10.5.4 12.1s.3 3.1.9 4.5c.6 1.4 1.4 2.6 2.5 3.7s2.3 1.9 3.7 2.5c1.4.6 2.9.9 4.5.9s3.1-.3 4.5-.9c1.4-.6 2.6-1.4 3.7-2.5s1.9-2.3 2.5-3.7c.6-1.4.9-2.9.9-4.5s-.3-3.1-.9-4.5c-.6-1.4-1.4-2.6-2.5-3.7S17.9 2 16.5 1.4C15.1.8 13.6.5 12 .5Z"
+        style={{
+          fill: "#b7f7b0",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-5C7 2.9 2.9 7 2.9 12S7 21.1 12 21.1s9.1-4.1 9.1-9.1S17 2.9 12 2.9Z"
+        style={{
+          fill: "#07dc10",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-2.5c-3.6 0-6.6 3-6.6 6.6s3 6.6 6.6 6.6 6.6-3 6.6-6.6-3-6.6-6.6-6.6Z"
+        style={{
+          fill: "#0c9b00",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Z"
+        style={{
+          strokeWidth: 0,
+          fill: "#eaeaea",
+        }}
+      />
+    </g>
+  </svg>
+)
\ No newline at end of file
diff --git a/packages/uiweb/src/lib/icons/cyberconnect.svg b/packages/uiweb/src/lib/icons/cyberconnect.svg
index 6447cfadb..0e41a7c03 100644
--- a/packages/uiweb/src/lib/icons/cyberconnect.svg
+++ b/packages/uiweb/src/lib/icons/cyberconnect.svg
@@ -1,13 +1,45 @@
-<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2058_11417)">
-<path d="M16.0383 10.3896C19.2017 10.3896 21.7665 12.9478 21.7665 16.1032C21.7665 19.2585 19.2017 21.8169 16.0383 21.8169C12.8751 21.8169 10.3104 19.2585 10.3104 16.1032C10.3104 12.9478 12.8751 10.3896 16.0383 10.3896ZM16.0383 0.105011C13.8775 0.105011 11.7768 0.529248 9.79203 1.3663C7.8803 2.17192 6.1662 3.32465 4.69697 4.79019C3.22773 6.25574 2.07211 7.96554 1.26446 9.87247C0.425304 11.8508 0 13.9477 0 16.1032C0 18.2587 0.425304 20.3541 1.26446 22.3338C2.07211 24.2409 3.22773 25.9506 4.69697 27.4161C6.1662 28.8818 7.8803 30.0344 9.79203 30.8401C11.7754 31.6771 13.8775 32.1014 16.0383 32.1014C18.1992 32.1014 20.3001 31.6771 22.2848 30.8401C24.1965 30.0344 25.9106 28.8818 27.3799 27.4161C28.8491 25.9506 30.0047 24.2409 30.8124 22.3338C31.6515 20.3556 32.0768 18.2587 32.0768 16.1032C32.0768 13.9477 31.6515 11.8522 30.8124 9.87247C30.0047 7.96554 28.8491 6.25574 27.3799 4.79019C25.9106 3.32465 24.1965 2.17192 22.2848 1.3663C20.3014 0.529248 18.1992 0.105011 16.0383 0.105011Z" fill="#B7F7B0"/>
-<path d="M16.0385 10.3896C19.2018 10.3896 21.7665 12.9478 21.7665 16.1032C21.7665 19.2585 19.2018 21.8169 16.0385 21.8169C12.8752 21.8169 10.3105 19.2585 10.3105 16.1032C10.3105 12.9478 12.8752 10.3896 16.0385 10.3896ZM16.0385 3.5332C9.09046 3.5332 3.43692 9.17255 3.43692 16.1032C3.43692 23.0338 9.09046 28.6732 16.0385 28.6732C22.9866 28.6732 28.6402 23.0338 28.6402 16.1032C28.6402 9.17255 22.9866 3.5332 16.0385 3.5332Z" fill="#07DC10"/>
-<path d="M16.0387 10.3895C19.202 10.3895 21.7667 12.9478 21.7667 16.1032C21.7667 19.2585 19.202 21.8169 16.0387 21.8169C12.8753 21.8169 10.3106 19.2585 10.3106 16.1032C10.3106 12.9478 12.8753 10.3895 16.0387 10.3895ZM16.0387 6.96136C10.9851 6.96136 6.87384 11.0623 6.87384 16.1032C6.87384 21.144 10.9851 25.2449 16.0387 25.2449C21.0922 25.2449 25.2035 21.144 25.2035 16.1032C25.2035 11.0623 21.0922 6.96136 16.0387 6.96136Z" fill="#0C9B00"/>
-<path d="M16.0382 10.3895C19.2015 10.3895 21.7662 12.9478 21.7662 16.1032C21.7662 19.2585 19.2015 21.8168 16.0382 21.8168C12.8749 21.8168 10.3102 19.2585 10.3102 16.1032C10.3102 12.9478 12.8749 10.3895 16.0382 10.3895Z" fill="#EAEAEA"/>
-</g>
-<defs>
-<clipPath id="clip0_2058_11417">
-<rect width="32.1509" height="32" fill="white" transform="translate(0 0.105011)"/>
-</clipPath>
-</defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #eaeaea;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #0c9b00;
+      }
+
+      .cls-3 {
+        fill: #07dc10;
+      }
+
+      .cls-4 {
+        fill: #b7f7b0;
+      }
+
+      .cls-5 {
+        fill: none;
+      }
+
+      .cls-6 {
+        clip-path: url(#clippath);
+      }
+    </style>
+    <clipPath id="clippath">
+      <rect class="cls-5" x=".4" y=".5" width="23.2" height="23.1"/>
+    </clipPath>
+  </defs>
+  <g class="cls-6">
+    <g>
+      <path class="cls-4" d="M12,7.9c2.3,0,4.1,1.8,4.1,4.1s-1.9,4.1-4.1,4.1-4.1-1.8-4.1-4.1,1.9-4.1,4.1-4.1ZM12,.5c-1.6,0-3.1.3-4.5.9-1.4.6-2.6,1.4-3.7,2.5-1.1,1.1-1.9,2.3-2.5,3.7-.6,1.4-.9,2.9-.9,4.5s.3,3.1.9,4.5c.6,1.4,1.4,2.6,2.5,3.7,1.1,1.1,2.3,1.9,3.7,2.5,1.4.6,2.9.9,4.5.9s3.1-.3,4.5-.9c1.4-.6,2.6-1.4,3.7-2.5,1.1-1.1,1.9-2.3,2.5-3.7.6-1.4.9-2.9.9-4.5s-.3-3.1-.9-4.5c-.6-1.4-1.4-2.6-2.5-3.7-1.1-1.1-2.3-1.9-3.7-2.5-1.4-.6-2.9-.9-4.5-.9Z"/>
+      <path class="cls-3" d="M12,7.9c2.3,0,4.1,1.8,4.1,4.1s-1.9,4.1-4.1,4.1-4.1-1.8-4.1-4.1,1.9-4.1,4.1-4.1ZM12,2.9C7,2.9,2.9,7,2.9,12s4.1,9.1,9.1,9.1,9.1-4.1,9.1-9.1S17,2.9,12,2.9Z"/>
+      <path class="cls-2" d="M12,7.9c2.3,0,4.1,1.8,4.1,4.1s-1.9,4.1-4.1,4.1-4.1-1.8-4.1-4.1,1.9-4.1,4.1-4.1ZM12,5.4c-3.6,0-6.6,3-6.6,6.6s3,6.6,6.6,6.6,6.6-3,6.6-6.6-3-6.6-6.6-6.6Z"/>
+      <path class="cls-1" d="M12,7.9c2.3,0,4.1,1.8,4.1,4.1s-1.9,4.1-4.1,4.1-4.1-1.8-4.1-4.1,1.9-4.1,4.1-4.1Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file