diff --git a/source/assets/images/rolluxChain.png b/source/assets/images/rolluxChain.png
new file mode 100644
index 000000000..1ff0ab1f7
Binary files /dev/null and b/source/assets/images/rolluxChain.png differ
diff --git a/source/pages/Settings/SwitchEthereumChain.tsx b/source/pages/Settings/SwitchEthereumChain.tsx
index 9188fb8ec..9d40aede7 100644
--- a/source/pages/Settings/SwitchEthereumChain.tsx
+++ b/source/pages/Settings/SwitchEthereumChain.tsx
@@ -4,6 +4,7 @@ import { useSelector } from 'react-redux';
 
 import arrowRight from 'assets/images/arrowRight.svg';
 import ethChainImg from 'assets/images/ethChain.svg';
+import rolluxChainImg from 'assets/images/rolluxChain.png';
 import sysChainImg from 'assets/images/sysChain.svg';
 import { SecondButton } from 'components/Button/Button';
 import { Layout, PrimaryButton, LoadingComponent } from 'components/index';
@@ -48,6 +49,12 @@ const SwitchChain: React.FC = () => {
       case 57:
         fromChain = <img src={sysChainImg} alt="sys" width="100px" />;
         break;
+      case 570:
+        fromChain = <img src={rolluxChainImg} alt="sys" width="100px" />;
+        break;
+      case 5700:
+        fromChain = <img src={rolluxChainImg} alt="sys" width="100px" />;
+        break;
       default:
         fromChain = (
           <div
@@ -66,6 +73,12 @@ const SwitchChain: React.FC = () => {
       case 57:
         toChain = <img src={sysChainImg} alt="sys" width="100px" />;
         break;
+      case 570:
+        toChain = <img src={rolluxChainImg} alt="sys" width="100px" />;
+        break;
+      case 5700:
+        toChain = <img src={rolluxChainImg} alt="sys" width="100px" />;
+        break;
       default:
         toChain = (
           <div