diff --git a/src/assets/networks/relay/index.ts b/src/assets/networks/relay/index.ts
index f030f80f..ab6106ed 100644
--- a/src/assets/networks/relay/index.ts
+++ b/src/assets/networks/relay/index.ts
@@ -19,7 +19,7 @@ const getIcon = (network: NetworkType) => {
     case NetworkType.WESTEND:
       return Westend;
     default:
-      Polkadot;
+      return Polkadot;
   }
 };
 
diff --git a/src/components/Transfer/transferActions.tsx b/src/components/Transfer/transferActions.tsx
index c19439d1..7ac76ac1 100644
--- a/src/components/Transfer/transferActions.tsx
+++ b/src/components/Transfer/transferActions.tsx
@@ -1,6 +1,7 @@
 import ArrowDownward from '@mui/icons-material/ArrowDownwardOutlined';
 import { Box, Paper, Stack, Typography } from '@mui/material';
 import { AmountInput, Button } from '@region-x/components';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 
 import { getIcon } from '@/assets/networks';
@@ -105,12 +106,7 @@ const TransferActions = () => {
                   {
                     value: symbol,
                     label: symbol,
-                    icon: (
-                      <img
-                        src={getIcon(network)?.src}
-                        style={{ width: '28px', height: '28px', padding: '4px' }}
-                      />
-                    ),
+                    icon: <Image src={getIcon(network)} alt='' width={28} height={28} />,
                   },
                 ]}
                 label=''