diff --git a/index.html b/index.html
index b285d88016..2b8a401290 100644
--- a/index.html
+++ b/index.html
@@ -1,55 +1,62 @@
 <!DOCTYPE html>
 <html lang="en" data-theme="dark" translate="no">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon" href="/favicon.ico?version=v" />
+    <link rel="apple-touch-icon" type="image/png" href="/favicon.png?version=v1" />
+    <link rel="icon" type="image/png" href="/favicon.png?version=v1" />
 
-<head>
-  <meta charset="utf-8" />
-  <link rel="shortcut icon" href="/favicon.ico?version=v" />
-  <link rel="apple-touch-icon" type="image/png" href="/favicon.png?version=v1" />
-  <link rel="icon" type="image/png" href="/favicon.png?version=v1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <meta name="theme-color" content="#31CB9E" />
+    <meta name="fortmatic-site-verification" content="j93LgcVZk79qcgyo" />
+    <meta
+      name="description"
+      content="KyberSwap is a multi-chain aggregator and DeFi hub that empowers users with the insights and tools to achieve financial autonomy. All the above while being fast, secure, and easy-to-use."
+    />
 
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-  <meta name="theme-color" content="#31CB9E" />
-  <meta name="fortmatic-site-verification" content="j93LgcVZk79qcgyo" />
-  <meta name="description"
-    content="KyberSwap is DeFi’s first Dynamic Market Maker; a decentralized exchange protocol that provides frictionless crypto liquidity with extremely high flexibility and capital efficiency. KyberSwap is the first major protocol in Kyber’s liquidity hub." />
+    <meta property="og:image" content="/kyberswap-og-image.png?version=2023" />
 
-  <meta property="og:image" content="/kyberswap-og-image.jpg?version=1200x630" />
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
 
-  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-  <meta http-equiv="Pragma" content="no-cache" />
-  <meta http-equiv="Expires" content="0" />
-
-  <!--
+    <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-  <link rel="manifest" href="/manifest.json" />
-  <link rel="preload" as="image" href="/logo-dark.svg" />
-  <link rel="preload" as="image" href="/logo.svg" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap" rel="preload"
-    as="style" />
-  <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap" rel="stylesheet" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="preload" as="image" href="/logo-dark.svg" />
+    <link rel="preload" as="image" href="/logo.svg" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap"
+      rel="preload"
+      as="style"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap"
+      rel="stylesheet"
+    />
 
-  <title>KyberSwap - Trading Smart</title>
-  <script>
-    window.global = window
-  </script>
-  <script type="module">
-    import {Buffer} from 'buffer'
-    import EventEmitter from 'events'
-    import process from 'process'
+    <title>KyberSwap - Limitless Access To DeFi</title>
+    <script>
+      window.global = window
+    </script>
+    <script type="module">
+      import { Buffer } from 'buffer'
+      import EventEmitter from 'events'
+      import process from 'process'
 
-    window.Buffer = Buffer
-    window.process = process
-    window.EventEmitter = EventEmitter
-  </script>
+      window.Buffer = Buffer
+      window.process = process
+      window.EventEmitter = EventEmitter
+    </script>
 
-  <script>
-    var cookie3Options = {siteId: 301, additionalTracking: true, cookielessEnabled: true}
+    <script>
+      var cookie3Options = { siteId: 301, additionalTracking: true, cookielessEnabled: true }
 
-    window._paq = window._paq || []
-      ; (function () {
+      window._paq = window._paq || []
+      ;(function () {
         var d = document,
           g = d.createElement('script'),
           s = d.getElementsByTagName('script')[0]
@@ -57,207 +64,219 @@
         g.src = '/libs/cookie3.js'
         s.parentNode.insertBefore(g, s)
       })()
-  </script>
+    </script>
 
-  <script>
-    !(function () {
-      var analytics = (window.analytics = window.analytics || [])
-      if (!analytics.initialize)
-        if (analytics.invoked) window.console && console.error && console.error('Segment snippet included twice.')
-        else {
-          analytics.invoked = !0
-          analytics.methods = [
-            'trackSubmit',
-            'trackClick',
-            'trackLink',
-            'trackForm',
-            'pageview',
-            'identify',
-            'reset',
-            'group',
-            'track',
-            'ready',
-            'alias',
-            'debug',
-            'page',
-            'once',
-            'off',
-            'on',
-            'addSourceMiddleware',
-            'addIntegrationMiddleware',
-            'setAnonymousId',
-            'addDestinationMiddleware',
-          ]
-          analytics.factory = function (e) {
-            return function () {
-              if (window.analytics.initialized) return window.analytics[e].apply(window.analytics, arguments)
-              var i = Array.prototype.slice.call(arguments)
-              i.unshift(e)
-              analytics.push(i)
-              return analytics
+    <script>
+      !(function () {
+        var analytics = (window.analytics = window.analytics || [])
+        if (!analytics.initialize)
+          if (analytics.invoked) window.console && console.error && console.error('Segment snippet included twice.')
+          else {
+            analytics.invoked = !0
+            analytics.methods = [
+              'trackSubmit',
+              'trackClick',
+              'trackLink',
+              'trackForm',
+              'pageview',
+              'identify',
+              'reset',
+              'group',
+              'track',
+              'ready',
+              'alias',
+              'debug',
+              'page',
+              'once',
+              'off',
+              'on',
+              'addSourceMiddleware',
+              'addIntegrationMiddleware',
+              'setAnonymousId',
+              'addDestinationMiddleware',
+            ]
+            analytics.factory = function (e) {
+              return function () {
+                if (window.analytics.initialized) return window.analytics[e].apply(window.analytics, arguments)
+                var i = Array.prototype.slice.call(arguments)
+                i.unshift(e)
+                analytics.push(i)
+                return analytics
+              }
             }
+            for (var i = 0; i < analytics.methods.length; i++) {
+              var key = analytics.methods[i]
+              analytics[key] = analytics.factory(key)
+            }
+            analytics.load = function (key, i) {
+              var t = document.createElement('script')
+              t.type = 'text/javascript'
+              t.async = !0
+              t.src = '/libs/red2.js'
+              var n = document.getElementsByTagName('script')[0]
+              n.parentNode.insertBefore(t, n)
+              analytics._loadOptions = i
+            }
+            analytics._writeKey = 'DgnqvAHbWsKaPnkdvC19EMC8DbXh1G52'
+            analytics.SNIPPET_VERSION = '4.16.1'
+            analytics.load('DgnqvAHbWsKaPnkdvC19EMC8DbXh1G52')
+            analytics.page()
           }
-          for (var i = 0; i < analytics.methods.length; i++) {
-            var key = analytics.methods[i]
-            analytics[key] = analytics.factory(key)
-          }
-          analytics.load = function (key, i) {
-            var t = document.createElement('script')
-            t.type = 'text/javascript'
-            t.async = !0
-            t.src = '/libs/red2.js'
-            var n = document.getElementsByTagName('script')[0]
-            n.parentNode.insertBefore(t, n)
-            analytics._loadOptions = i
-          }
-          analytics._writeKey = 'DgnqvAHbWsKaPnkdvC19EMC8DbXh1G52'
-          analytics.SNIPPET_VERSION = '4.16.1'
-          analytics.load('DgnqvAHbWsKaPnkdvC19EMC8DbXh1G52')
-          analytics.page()
-        }
-    })()
-  </script>
-</head>
-
-<body>
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-
-  <div id="app"></div>
-  <script type="module" src="/src/index.tsx"></script>
+      })()
+    </script>
+  </head>
 
-  <style type="text/css" class="preloadhtml-style">
-    .preloadhtml {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      font-family: 'Work Sans', 'Inter var', sans-serif;
-    }
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
 
-    .preloadhtml {
-      background-color: #0f0f0f;
-    }
+    <div id="app"></div>
+    <script type="module" src="/src/index.tsx"></script>
 
-    .preloadhtml-header {
-      display: flex;
-      padding: 1rem;
-      z-index: 2;
-    }
+    <style type="text/css" class="preloadhtml-style">
+      .preloadhtml {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        font-family: 'Work Sans', 'Inter var', sans-serif;
+      }
 
-    .preloadhtml-logo {
-      transition: transform 0.3s ease;
-    }
+      .preloadhtml {
+        background-color: #0f0f0f;
+      }
 
-    .preloadhtml-logo:hover {
-      transform: rotate(-5deg);
-    }
+      .preloadhtml-header {
+        display: flex;
+        padding: 1rem;
+        z-index: 2;
+      }
 
-    .preloadhtml-header-link {
-      display: flex;
-      align-items: center;
-      margin-left: 12px;
-    }
+      .preloadhtml-logo {
+        transition: transform 0.3s ease;
+      }
 
-    .preloadhtml-header-link-item {
-      padding: 8px 12px;
-      width: max-content;
-      font-weight: 500;
-      font-size: 16px;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
+      .preloadhtml-logo:hover {
+        transform: rotate(-5deg);
+      }
 
-    .preloadhtml-header-link-item {
-      color: rgb(169, 169, 169);
-    }
+      .preloadhtml-header-link {
+        display: flex;
+        align-items: center;
+        margin-left: 12px;
+      }
 
-    .preloadhtml-logo {
-      width: 140px;
-      height: 51.38px;
-    }
+      .preloadhtml-header-link-item {
+        padding: 8px 12px;
+        width: max-content;
+        font-weight: 500;
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        gap: 6px;
+      }
 
-    @keyframes pulse {
-      0% {
-        transform: scale(1);
+      .preloadhtml-header-link-item {
+        color: rgb(169, 169, 169);
       }
 
-      60% {
-        transform: scale(1.1);
+      .preloadhtml-logo {
+        width: 140px;
+        height: 51.38px;
       }
 
-      100% {
-        transform: scale(1);
+      @keyframes pulse {
+        0% {
+          transform: scale(1);
+        }
+
+        60% {
+          transform: scale(1.1);
+        }
+
+        100% {
+          transform: scale(1);
+        }
       }
-    }
-  </style>
-  <div class="preloadhtml">
-    <div class="preloadhtml-header">
-      <div class="preloadhtml-logo">
-        <img class="onlyVisibleInDarkMode" style="margin-top: 1px" width="140px" src="/logo-dark.svg" alt="DmmLogo" />
-      </div>
-      <div class="preloadhtml-header-link">
-        <div style="color: #31cb9e" class="preloadhtml-header-link-item">Swap</div>
-        <div class="preloadhtml-header-link-item">Earn</div>
-        <div class="preloadhtml-header-link-item">
-          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="1">
-            <path opacity="0.5"
-              d="M19.685 10.5414V10.5717C19.1654 8.43724 18.1374 6.73812 17.3691 5.69813C16.5472 4.58551 15.4164 3.72694 14.0984 3.30371C12.49 2.78364 11.0202 2.99533 9.89005 3.38829C8.61401 3.82363 7.51924 4.66418 6.71559 5.74655C5.43955 7.46368 4.69554 9.08427 4.30878 10.5838C4.30878 10.5655 4.30878 10.5535 4.31468 10.5414C4.31468 10.5414 0.602295 10.2028 0.602295 13.3893C0.602295 16.4792 2.40387 16.5698 4.49005 16.3824C4.94355 17.7731 5.61493 18.8252 6.06842 19.442C6.31643 19.7746 6.63057 20.0466 6.99962 20.2341L6.64297 19.7746C6.4735 19.5689 6.63057 19.2545 6.89688 19.2545H8.66833L8.93464 19.6475C9.07931 19.8652 9.32732 19.9922 9.58772 19.9801C10.1859 19.9619 11.2984 19.9076 12.0784 19.8169C12.8584 19.9076 13.9715 19.9619 14.5696 19.9801C14.83 19.9922 15.0775 19.8652 15.2227 19.6475L15.489 19.2545H17.1034C17.3691 19.2545 17.5203 19.5568 17.3573 19.7746L16.8613 20.4396C17.551 20.2281 18.1315 19.7564 18.4757 19.1275C18.9835 18.1903 19.3526 17.2773 19.6006 16.3884C21.6442 16.5638 23.398 16.4368 23.398 13.3893C23.398 10.2028 19.685 10.5414 19.685 10.5414Z"
-              fill="currentcolor"></path>
-            <path
-              d="M18.5032 10.3059C18.4433 10.1484 18.329 10.0216 18.1814 9.94073L16.5732 9.06002C15.9981 8.745 15.3128 8.7016 14.7025 8.94133L11.8936 10.0452L9.1877 8.94857C8.58629 8.70499 7.90694 8.74884 7.34214 9.06785L5.80067 9.93837C5.65453 10.0209 5.54263 10.1486 5.48447 10.3059C5.22761 11.0001 4.67521 13.031 6.2152 14.6947C6.29668 14.7827 6.40356 14.8477 6.51723 14.8855L9.30934 15.8121C8.28307 15.9814 7.3504 18.905 11.9987 18.905C16.6612 18.905 15.7084 15.9616 14.6786 15.8091C14.6553 15.8056 14.6376 15.7981 14.6151 15.7939L17.445 14.8829C17.5578 14.8468 17.6641 14.7837 17.7459 14.6983C19.3384 13.0341 18.7683 11.0007 18.5032 10.3059Z"
-              fill="currentcolor"></path>
-            <path
-              d="M17.3349 11.566C16.972 10.5717 15.972 10.3307 14.804 10.817C14.6657 10.8745 14.5424 10.9572 14.4212 11.041C14.0538 11.2954 13.3038 11.3761 11.9987 11.3766C10.6936 11.3761 9.94365 11.2954 9.57619 11.041C9.45497 10.9572 9.33169 10.8745 9.19344 10.817C8.02542 10.3307 7.0254 10.5717 6.66253 11.566C6.23814 12.7292 7.32335 13.578 8.01219 13.9823C8.79581 14.4423 9.84689 14.1712 10.2355 13.3938C10.2414 13.3819 10.2477 13.37 10.2532 13.3576C10.6868 12.4026 11.7134 12.3261 11.9692 12.3221C11.9692 12.3221 11.9814 12.3222 11.9987 12.3221C12.016 12.3222 12.0282 12.3225 12.0282 12.3225C12.284 12.3264 13.3106 12.4026 13.7442 13.3576C13.7497 13.37 13.756 13.3819 13.7619 13.3938C14.1505 14.1712 15.2016 14.4423 15.9852 13.9823C16.674 13.578 17.7593 12.7292 17.3349 11.566Z"
-              fill="#1C1C1C"></path>
-            <path
-              d="M11.9987 16.9052C11.7804 16.9027 11.5234 16.8744 11.2356 16.8024C9.84299 16.4479 10.3004 15.3866 11.3204 15.7489C11.5388 15.8311 11.7701 15.8723 11.9987 15.8723C12.2275 15.8723 12.4587 15.8311 12.6771 15.7489C12.8235 15.6976 12.9572 15.6744 13.0754 15.6744C13.7897 15.6744 13.9567 16.4992 12.7593 16.8024C12.7593 16.8024 12.4741 16.9103 11.9987 16.9052Z"
-              fill="#1C1C1C"></path>
-          </svg>
-          KyberAI
-          <div style="
+    </style>
+    <div class="preloadhtml">
+      <div class="preloadhtml-header">
+        <div class="preloadhtml-logo">
+          <img class="onlyVisibleInDarkMode" style="margin-top: 1px" width="140px" src="/logo-dark.svg" alt="DmmLogo" />
+        </div>
+        <div class="preloadhtml-header-link">
+          <div style="color: #31cb9e" class="preloadhtml-header-link-item">Swap</div>
+          <div class="preloadhtml-header-link-item">Earn</div>
+          <div class="preloadhtml-header-link-item">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="1">
+              <path
+                opacity="0.5"
+                d="M19.685 10.5414V10.5717C19.1654 8.43724 18.1374 6.73812 17.3691 5.69813C16.5472 4.58551 15.4164 3.72694 14.0984 3.30371C12.49 2.78364 11.0202 2.99533 9.89005 3.38829C8.61401 3.82363 7.51924 4.66418 6.71559 5.74655C5.43955 7.46368 4.69554 9.08427 4.30878 10.5838C4.30878 10.5655 4.30878 10.5535 4.31468 10.5414C4.31468 10.5414 0.602295 10.2028 0.602295 13.3893C0.602295 16.4792 2.40387 16.5698 4.49005 16.3824C4.94355 17.7731 5.61493 18.8252 6.06842 19.442C6.31643 19.7746 6.63057 20.0466 6.99962 20.2341L6.64297 19.7746C6.4735 19.5689 6.63057 19.2545 6.89688 19.2545H8.66833L8.93464 19.6475C9.07931 19.8652 9.32732 19.9922 9.58772 19.9801C10.1859 19.9619 11.2984 19.9076 12.0784 19.8169C12.8584 19.9076 13.9715 19.9619 14.5696 19.9801C14.83 19.9922 15.0775 19.8652 15.2227 19.6475L15.489 19.2545H17.1034C17.3691 19.2545 17.5203 19.5568 17.3573 19.7746L16.8613 20.4396C17.551 20.2281 18.1315 19.7564 18.4757 19.1275C18.9835 18.1903 19.3526 17.2773 19.6006 16.3884C21.6442 16.5638 23.398 16.4368 23.398 13.3893C23.398 10.2028 19.685 10.5414 19.685 10.5414Z"
+                fill="currentcolor"
+              ></path>
+              <path
+                d="M18.5032 10.3059C18.4433 10.1484 18.329 10.0216 18.1814 9.94073L16.5732 9.06002C15.9981 8.745 15.3128 8.7016 14.7025 8.94133L11.8936 10.0452L9.1877 8.94857C8.58629 8.70499 7.90694 8.74884 7.34214 9.06785L5.80067 9.93837C5.65453 10.0209 5.54263 10.1486 5.48447 10.3059C5.22761 11.0001 4.67521 13.031 6.2152 14.6947C6.29668 14.7827 6.40356 14.8477 6.51723 14.8855L9.30934 15.8121C8.28307 15.9814 7.3504 18.905 11.9987 18.905C16.6612 18.905 15.7084 15.9616 14.6786 15.8091C14.6553 15.8056 14.6376 15.7981 14.6151 15.7939L17.445 14.8829C17.5578 14.8468 17.6641 14.7837 17.7459 14.6983C19.3384 13.0341 18.7683 11.0007 18.5032 10.3059Z"
+                fill="currentcolor"
+              ></path>
+              <path
+                d="M17.3349 11.566C16.972 10.5717 15.972 10.3307 14.804 10.817C14.6657 10.8745 14.5424 10.9572 14.4212 11.041C14.0538 11.2954 13.3038 11.3761 11.9987 11.3766C10.6936 11.3761 9.94365 11.2954 9.57619 11.041C9.45497 10.9572 9.33169 10.8745 9.19344 10.817C8.02542 10.3307 7.0254 10.5717 6.66253 11.566C6.23814 12.7292 7.32335 13.578 8.01219 13.9823C8.79581 14.4423 9.84689 14.1712 10.2355 13.3938C10.2414 13.3819 10.2477 13.37 10.2532 13.3576C10.6868 12.4026 11.7134 12.3261 11.9692 12.3221C11.9692 12.3221 11.9814 12.3222 11.9987 12.3221C12.016 12.3222 12.0282 12.3225 12.0282 12.3225C12.284 12.3264 13.3106 12.4026 13.7442 13.3576C13.7497 13.37 13.756 13.3819 13.7619 13.3938C14.1505 14.1712 15.2016 14.4423 15.9852 13.9823C16.674 13.578 17.7593 12.7292 17.3349 11.566Z"
+                fill="#1C1C1C"
+              ></path>
+              <path
+                d="M11.9987 16.9052C11.7804 16.9027 11.5234 16.8744 11.2356 16.8024C9.84299 16.4479 10.3004 15.3866 11.3204 15.7489C11.5388 15.8311 11.7701 15.8723 11.9987 15.8723C12.2275 15.8723 12.4587 15.8311 12.6771 15.7489C12.8235 15.6976 12.9572 15.6744 13.0754 15.6744C13.7897 15.6744 13.9567 16.4992 12.7593 16.8024C12.7593 16.8024 12.4741 16.9103 11.9987 16.9052Z"
+                fill="#1C1C1C"
+              ></path>
+            </svg>
+            KyberAI
+            <div
+              style="
                 padding: 2px 4px;
                 color: rgb(169, 169, 169);
                 background-color: rgba(169, 169, 169, 0.196);
                 border-radius: 12px;
                 font-size: 10px;
                 margin-top: -16px;
-              ">
-            beta
+              "
+            >
+              beta
+            </div>
           </div>
-        </div>
 
-        <div class="preloadhtml-header-link-item">Campaigns</div>
-        <div class="preloadhtml-header-link-item">Analytics</div>
-        <div class="preloadhtml-header-link-item">About</div>
-        <div class="preloadhtml-header-link-item">Blog</div>
+          <div class="preloadhtml-header-link-item">Campaigns</div>
+          <div class="preloadhtml-header-link-item">Analytics</div>
+          <div class="preloadhtml-header-link-item">About</div>
+          <div class="preloadhtml-header-link-item">Blog</div>
+        </div>
+      </div>
+      <div style="height: 180px; display: flex">
+        <img
+          class="onlyVisibleInDarkMode"
+          style="animation: pulse 800ms linear infinite; margin: auto"
+          width="160px"
+          src="/logo-dark.svg"
+          alt="DmmLogo"
+        />
       </div>
     </div>
-    <div style="height: 180px; display: flex">
-      <img class="onlyVisibleInDarkMode" style="animation: pulse 800ms linear infinite; margin: auto" width="160px"
-        src="/logo-dark.svg" alt="DmmLogo" />
-    </div>
-  </div>
-  <script src="/charting_library/charting_library.standalone.js"></script>
-  <script>
-    // customer support widget
-    window.zESettings = {
-      webWidget: {
-        offset: {
-          vertical: window.innerWidth > 1200 ? '0px' : '75px',
-          mobile: {
-            vertical: '65px',
-            horizontal: '-5px',
+    <script src="/charting_library/charting_library.standalone.js"></script>
+    <script>
+      // customer support widget
+      window.zESettings = {
+        webWidget: {
+          offset: {
+            vertical: window.innerWidth > 1200 ? '0px' : '75px',
+            mobile: {
+              vertical: '65px',
+              horizontal: '-5px',
+            },
           },
+          zIndex: 3,
         },
-        zIndex: 3,
-      },
-    }
-  </script>
+      }
+    </script>
 
-  <script>
-      ; (function () {
+    <script>
+      ;(function () {
         const isPartnerSwap = window.location.pathname.startsWith('/partner-swap')
         if (!isPartnerSwap) {
           const script = document.createElement('script')
@@ -268,8 +287,8 @@
           document.body.appendChild(script)
         }
       })()
-  </script>
-  <!--
+    </script>
+    <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -279,6 +298,5 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-</body>
-
+  </body>
 </html>
diff --git a/public/kyberswap-og-image.jpg b/public/kyberswap-og-image.jpg
deleted file mode 100644
index 75466b5647..0000000000
Binary files a/public/kyberswap-og-image.jpg and /dev/null differ
diff --git a/public/kyberswap-og-image.png b/public/kyberswap-og-image.png
new file mode 100644
index 0000000000..7f919557b9
Binary files /dev/null and b/public/kyberswap-og-image.png differ
