diff --git a/src/assets/vectors/change-icon.svg b/src/assets/vectors/change-icon.svg
new file mode 100644
index 0000000..fe7008a
--- /dev/null
+++ b/src/assets/vectors/change-icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.00032 5.9092C2.00032 5.69922 2.08271 5.49784 2.22936 5.34936C2.37601 5.20089 2.57491 5.11747 2.7823 5.11747H14.9562L11.5538 2.41532C11.3906 2.28556 11.285 2.09546 11.2602 1.88685C11.2354 1.67824 11.2935 1.46821 11.4216 1.30295C11.5498 1.1377 11.7376 1.03077 11.9436 1.00567C12.1497 0.98058 12.3571 1.03939 12.5203 1.16915L17.701 5.28611C17.7941 5.36019 17.8695 5.45473 17.9213 5.5626C17.9731 5.67048 18 5.78885 18 5.9088C18 6.02875 17.9731 6.14713 17.9213 6.255C17.8695 6.36287 17.7941 6.45741 17.701 6.53149L12.5203 10.6484C12.3572 10.7782 12.1499 10.8371 11.9439 10.812C11.7379 10.787 11.5502 10.6802 11.422 10.515C11.2939 10.3499 11.2357 10.14 11.2605 9.93143C11.2852 9.72289 11.3907 9.53284 11.5538 9.40307L14.9562 6.70092H2.7823C2.57491 6.70092 2.37601 6.61751 2.22936 6.46903C2.08271 6.32055 2.00032 6.11917 2.00032 5.9092ZM17.2177 14.3015H5.0438L8.4462 11.5969C8.52697 11.5327 8.59444 11.4529 8.64478 11.3623C8.69511 11.2716 8.72731 11.1718 8.73955 11.0686C8.75178 10.9653 8.74381 10.8606 8.71609 10.7605C8.68836 10.6604 8.64143 10.5667 8.57797 10.485C8.5145 10.4032 8.43575 10.3349 8.34621 10.2839C8.25667 10.233 8.15809 10.2003 8.05611 10.188C7.95412 10.1756 7.85072 10.1836 7.75182 10.2117C7.65291 10.2398 7.56044 10.2873 7.47967 10.3516L2.29904 14.4685C2.20586 14.5426 2.13053 14.6371 2.07872 14.745C2.02692 14.8529 2 14.9713 2 15.0912C2 15.2111 2.02692 15.3295 2.07872 15.4374C2.13053 15.5453 2.20586 15.6398 2.29904 15.7139L7.47967 19.8309C7.56049 19.8951 7.65302 19.9426 7.75197 19.9707C7.85092 19.9987 7.95436 20.0068 8.05638 19.9943C8.15841 19.9819 8.25701 19.9493 8.34657 19.8982C8.43613 19.8472 8.51489 19.7789 8.57836 19.6971C8.64182 19.6152 8.68874 19.5215 8.71645 19.4214C8.74415 19.3212 8.7521 19.2164 8.73982 19.1132C8.72755 19.0099 8.69531 18.91 8.64493 18.8193C8.59455 18.7287 8.52702 18.6489 8.4462 18.5847L5.0438 15.8849H17.2177C17.4251 15.8849 17.624 15.8015 17.7706 15.653C17.9173 15.5045 17.9997 15.3032 17.9997 15.0932C17.9997 14.8832 17.9173 14.6818 17.7706 14.5333C17.624 14.3849 17.4251 14.3015 17.2177 14.3015Z" fill="currentColor"/>
+</svg>
diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx
index 6c7e97b..7183da3 100644
--- a/src/components/Layout/Header.tsx
+++ b/src/components/Layout/Header.tsx
@@ -1,4 +1,4 @@
-import { Box, Typography } from '@mui/material'
+import { Box, Divider, Typography } from '@mui/material'
 import { useSelector } from 'react-redux'
 import { RootState } from 'store'
 import { headerStyles } from './headerstyles'
@@ -12,6 +12,7 @@ import TestNetLogoHeader from 'assets/vectors/testnet-logo-header.svg?component'
 import CudosLogo from 'assets/vectors/cudos-logo.svg?component'
 import LinkIcon from 'assets/vectors/link-icon.svg?component'
 import { useEffect, useState } from 'react'
+import ChangeIcon from 'assets/vectors/change-icon.svg?component'
 
 const Header = () => {
 
@@ -47,6 +48,19 @@ const Header = () => {
         </Box>
         {isWelcomePage ? null :
           <Box gap={2} sx={{ marginRight: '2rem', display: 'flex', alignItems: 'center', flexDirection: isMidLowewRes ? 'column' : 'row' }}>
+            <Box
+              gap={1}
+              sx={headerStyles.linkHolder}
+              onClick={() => window
+                .open('https://frontier.osmosis.zone/?from=ATOM&to=CUDOS', 'Swap Cudos')
+                ?.focus()}
+            >
+              <ChangeIcon />
+              <Typography variant="body2" fontWeight={700}>
+                Swap
+              </Typography>
+            </Box>
+            <Divider orientation='vertical' style={headerStyles.divider} />
             <Box
               gap={1}
               sx={headerStyles.linkHolder}
@@ -58,9 +72,9 @@ const Header = () => {
               <Typography variant="body2" fontWeight={700}>
                 Cudos Bridge
               </Typography>
-              <LinkIcon style={{ color: 'white' }} />
+              <LinkIcon />
             </Box>
-            <Box sx={{ display: 'flex' }}>
+            <Box sx={{ display: 'flex', marginLeft: '10px' }}>
               <NetworkInfo />
               <UserInfo />
             </Box>
diff --git a/src/components/Layout/headerstyles.ts b/src/components/Layout/headerstyles.ts
index e5bd981..13b2240 100644
--- a/src/components/Layout/headerstyles.ts
+++ b/src/components/Layout/headerstyles.ts
@@ -1,16 +1,24 @@
+import { COLORS_DARK_THEME } from "theme/colors";
+
 export const headerStyles = {
   linkHolder: {
     cursor: 'pointer',
     width: 'max-content',
-    marginRight: '10px',
     display: "flex",
-    alignItems: "center"
+    alignItems: "center",
+    '&:hover': {
+      color: COLORS_DARK_THEME.PRIMARY_BLUE
+    }
   },
   logoHolder: {
     cursor: 'pointer',
     display: 'flex',
     textDecoration: 'none'
   },
+  divider: {
+    height: '20px',
+    background: '#7D87AA'
+  },
   headerContainer: {
     padding: '2rem',
     justifyContent: 'space-between',