diff --git a/src/components/antd/tabs/s.module.scss b/src/components/antd/tabs/s.module.scss
index 8785d5ce..9aa28708 100644
--- a/src/components/antd/tabs/s.module.scss
+++ b/src/components/antd/tabs/s.module.scss
@@ -13,7 +13,11 @@
 
     > :global(.ant-tabs-nav-wrap) {
       > :global(.ant-tabs-nav-list) {
+        overflow-y: auto;
+
         > :global(.ant-tabs-tab) {
+          flex-shrink: 0;
+
           > :global(.ant-tabs-tab-btn) {
             @include font-p1-semi-bold;
             display: flex;
@@ -21,6 +25,7 @@
             column-gap: 8px;
             align-items: center;
             color: var(--theme-secondary-color);
+            flex-shrink: 0;
 
             &:hover {
               color: var(--theme-primary-color);
diff --git a/src/components/custom/icon/index.tsx b/src/components/custom/icon/index.tsx
index 0c02d902..4964f37c 100644
--- a/src/components/custom/icon/index.tsx
+++ b/src/components/custom/icon/index.tsx
@@ -146,7 +146,8 @@ export type IconNames =
   | 'youtube'
   | 'medium'
   | 'polymorphs'
-  | 'core-drops';
+  | 'core-drops'
+  | 'static/add-token';
 
 export type IconProps = {
   name: IconNames;
diff --git a/src/layout/components/layout-header/index.tsx b/src/layout/components/layout-header/index.tsx
index 38dd200d..ec78bcbf 100644
--- a/src/layout/components/layout-header/index.tsx
+++ b/src/layout/components/layout-header/index.tsx
@@ -14,8 +14,10 @@ import Grid from 'components/custom/grid';
 import Icon from 'components/custom/icon';
 import { Text } from 'components/custom/typography';
 import { useGeneral } from 'components/providers/general-provider';
+import { XyzToken } from 'components/providers/known-tokens-provider';
 import { useWarning } from 'components/providers/warning-provider';
 import ConnectedWallet from 'wallets/components/connected-wallet';
+import { MetamaskConnector } from 'wallets/connectors/metamask';
 import { useWallet } from 'wallets/wallet';
 
 import s from './s.module.scss';
@@ -50,6 +52,25 @@ const LayoutHeader: React.FC = () => {
 
   const isGovernancePage = useRouteMatch('/governance');
 
+  async function handleAddProjectToken() {
+    if (wallet.connector?.id === 'metamask') {
+      try {
+        const connector = new MetamaskConnector({ supportedChainIds: [] });
+        await connector.addToken({
+          type: 'ERC20',
+          options: {
+            address: XyzToken.address,
+            symbol: XyzToken.symbol,
+            decimals: XyzToken.decimals,
+            image: `${window.location.origin}/android-chrome-192x192.png`,
+          },
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }
+
   return (
     <div className={s.component} ref={setReferenceElement}>
       <ExternalLink href="https://universe.xyz/" target="_self">
@@ -199,6 +220,13 @@ const LayoutHeader: React.FC = () => {
           </Button>
         </Popover>
       </nav>
+      {!isMobile && wallet.isActive && wallet.connector?.id === 'metamask' && (
+        <div className={s.addTokenWrapper}>
+          <button type="button" onClick={handleAddProjectToken} className={s.addTokenButton}>
+            <Icon name="static/add-token" width={28} height={28} />
+          </button>
+        </div>
+      )}
       <ConnectedWallet />
       <Button type="link" className={s.burger} onClick={() => setNavOpen(prevState => !prevState)}>
         <Icon name={navOpen ? 'burger-close' : 'burger'} style={{ color: 'var(--theme-primary-color)' }} />
diff --git a/src/layout/components/layout-header/s.module.scss b/src/layout/components/layout-header/s.module.scss
index 32a5239b..b19fcec9 100644
--- a/src/layout/components/layout-header/s.module.scss
+++ b/src/layout/components/layout-header/s.module.scss
@@ -102,7 +102,7 @@
   margin-left: 14px;
   margin-right: 20px;
 
-  @media (max-width: 768px) {
+  @media (max-width: 1023px) {
     margin-left: 6px;
     margin-right: 14px;
   }
@@ -113,7 +113,7 @@
   width: 56px;
   height: 56px;
 
-  @media (max-width: 768px) {
+  @media (max-width: 1023px) {
     width: 44px;
     height: 44px;
   }
@@ -129,7 +129,7 @@
   letter-spacing: 0;
   text-align: left;
   margin-right: auto;
-  padding: 0;
+  padding: 0 16px 0 0;
 
   @media (max-width: 1024px) {
     font-size: 13px;
@@ -140,7 +140,8 @@
 .nav {
   display: flex;
   border-right: 1px solid var(--theme-border-color);
-  margin-right: 24px;
+  margin-right: 20px;
+  min-height: 28px;
 
   @media (max-width: 768px) {
     display: none;
@@ -159,6 +160,14 @@
       transform: rotate(-180deg);
     }
   }
+
+  &:last-child {
+    margin-right: 20px;
+  }
+
+  @media (max-width: 1023px) {
+    margin-right: 20px;
+  }
 }
 
 .dropdown {
@@ -232,3 +241,20 @@
     margin-right: 10px;
   }
 }
+
+.addTokenWrapper {
+  padding-right: 20px;
+  margin-right: 20px;
+  border-right: 1px solid var(--theme-border-color);
+}
+
+.addTokenButton {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  background: transparent;
+  padding: 0;
+}
diff --git a/src/modules/governance/index.tsx b/src/modules/governance/index.tsx
index a952dd78..5564861a 100644
--- a/src/modules/governance/index.tsx
+++ b/src/modules/governance/index.tsx
@@ -85,16 +85,39 @@ const GovernanceViewInternal: React.FC = () => {
           }
         />
         <Tabs.Tab
-          key="forum"
-          disabled
+          key="signal"
           tab={
-            <ExternalLink href="https://forum.universe.xyz/" style={{ color: 'inherit' }}>
+            <ExternalLink href="https://signal.universe.xyz/" style={{ color: 'inherit', position: 'relative' }}>
               <Grid flow="col" gap={8} align="center">
                 <Icon name="chats-outlined" />
                 <Text type="p1" weight="semibold">
-                  Discussions
+                  Signal
+                </Text>
+                <Icon
+                  name="arrow-top-right"
+                  width={8}
+                  height={8}
+                  style={{ position: 'absolute', top: 0, right: -12 }}
+                />
+              </Grid>
+            </ExternalLink>
+          }
+        />
+        <Tabs.Tab
+          key="forum"
+          tab={
+            <ExternalLink href="https://forum.universe.xyz/" style={{ color: 'inherit', position: 'relative' }}>
+              <Grid flow="col" gap={8} align="center">
+                <Icon name="forum-outlined" />
+                <Text type="p1" weight="semibold">
+                  Forum
                 </Text>
-                <Icon name="arrow-top-right" width={8} height={8} style={{ alignSelf: 'start', color: 'inherit' }} />
+                <Icon
+                  name="arrow-top-right"
+                  width={8}
+                  height={8}
+                  style={{ position: 'absolute', top: 0, right: -12 }}
+                />
               </Grid>
             </ExternalLink>
           }
diff --git a/src/resources/svg/static-sprite.svg b/src/resources/svg/static-sprite.svg
index a74e2eaf..5770d996 100644
--- a/src/resources/svg/static-sprite.svg
+++ b/src/resources/svg/static-sprite.svg
@@ -248,4 +248,39 @@
     </g>
     <path d="M19.9999 12.6875L22.1498 17.0425L26.9549 17.7412L23.4774 21.1294L24.298 25.9166L19.9999 23.6562L15.7018 25.915L16.5224 21.1294L13.0449 17.7396L17.85 17.0409L19.9999 12.6875Z" fill="url(#icon__static/uStar_linear2)"/>
   </symbol>
+
+  <symbol id="icon__static/add-token" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <mask id="icon__static/add-token-mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="29" height="28">
+      <circle cx="14.0037" cy="13.9978" r="13.9978" fill="#C4C4C4"/>
+    </mask>
+    <g mask="url(#icon__static/add-token-mask0)">
+      <mask id="icon__static/add-token-mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="-3" y="-3" width="34" height="34">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0027 30.0953C22.8931 30.0953 30.1002 22.8883 30.1002 13.9979C30.1002 5.10747 22.8931 -2.09961 14.0027 -2.09961C5.11236 -2.09961 -2.09473 5.10747 -2.09473 13.9979C-2.09473 22.8883 5.11236 30.0953 14.0027 30.0953ZM20.8804 11.0447C18.7123 11.0821 16.9554 9.32518 16.9554 7.15708C16.9554 6.48422 17.1423 5.81136 17.4413 5.25064C16.3573 4.83945 15.1985 4.61516 14.0023 4.61516C8.80628 4.61516 4.6196 8.83923 4.6196 14.0352C4.6196 19.2312 8.84366 23.4179 14.0396 23.3805C19.2356 23.3431 23.4223 19.1564 23.3849 13.9604C23.3849 12.7642 23.1606 11.6054 22.7494 10.5588C22.1887 10.8952 21.5532 11.0447 20.8804 11.0447ZM23.7979 7.11983C23.7979 8.73099 22.4918 10.0371 20.8807 10.0371C19.2695 10.0371 17.9634 8.73099 17.9634 7.11983C17.9634 5.50867 19.2695 4.20257 20.8807 4.20257C22.4918 4.20257 23.7979 5.50867 23.7979 7.11983Z" fill="#C4C4C4"/>
+      </mask>
+      <g mask="url(#icon__static/add-token-mask1)">
+        <g filter="url(#icon__static/add-token-filter0_f)">
+          <path d="M25.4496 14.0822C25.4496 20.4444 20.292 25.6019 13.9299 25.6019C7.5677 25.6019 2.41016 20.4444 2.41016 14.0822C2.41016 7.72005 7.5677 2.5625 13.9299 2.5625C20.292 2.5625 25.4496 7.72005 25.4496 14.0822Z" fill="url(#icon__static/add-token-paint0_linear)"/>
+        </g>
+      </g>
+    </g>
+    <circle cx="21.5" cy="21.5" r="6.5" fill="url(#icon__static/add-token-paint1_linear)"/>
+    <rect x="21" y="18" width="1" height="7" fill="black"/>
+    <rect x="25" y="21" width="1" height="7" transform="rotate(90 25 21)" fill="black"/>
+    <defs>
+      <filter id="icon__static/add-token-filter0_f" x="-0.389405" y="-0.237061" width="28.6385" height="28.6385" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="1.39978" result="effect1_foregroundBlur"/>
+      </filter>
+      <linearGradient id="icon__static/add-token-paint0_linear" x1="5.47499" y1="6.67242" x2="21.4423" y2="22.6397" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#BFEF00"/>
+        <stop offset="1" stop-color="#00EAEA"/>
+      </linearGradient>
+      <linearGradient id="icon__static/add-token-paint1_linear" x1="16.7293" y1="17.319" x2="25.7389" y2="26.3286" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#BCEB00"/>
+        <stop offset="1" stop-color="#00EAEA"/>
+      </linearGradient>
+    </defs>
+  </symbol>
+
 </svg>
diff --git a/src/wallets/components/connected-wallet/index.tsx b/src/wallets/components/connected-wallet/index.tsx
index 639d0ee7..04a78945 100644
--- a/src/wallets/components/connected-wallet/index.tsx
+++ b/src/wallets/components/connected-wallet/index.tsx
@@ -85,7 +85,7 @@ const ConnectedWallet: React.FC = () => {
                 </Text>
               </Grid>
             </Grid>
-            <Divider />
+            <Divider style={{ minHeight: 28 }} />
             <Grid padding={24}>
               <button type="button" className="button button-ghost" onClick={() => wallet.disconnect()}>
                 <span>Disconnect</span>
@@ -173,9 +173,9 @@ const ConnectedWallet: React.FC = () => {
   );
 
   return (
-    <Grid flow="col" gap={24} justify="center">
+    <Grid flow="col" gap={20} justify="center" align="center">
       <NotificationSection />
-      <Divider type="vertical" />
+      <Divider type="vertical" style={{ minHeight: 28 }} />
       {AccountSection}
     </Grid>
   );
diff --git a/src/wallets/connectors/metamask/index.ts b/src/wallets/connectors/metamask/index.ts
index 436fbc35..c7f2fe93 100644
--- a/src/wallets/connectors/metamask/index.ts
+++ b/src/wallets/connectors/metamask/index.ts
@@ -9,6 +9,27 @@ type MetaMaskError = Error & {
   code: number;
 };
 
+export type MetamaskWatchAsset = {
+  type: string;
+  options: {
+    address: string;
+    symbol: string;
+    decimals: number;
+    image: string;
+  };
+};
+
+export class MetamaskConnector extends InjectedConnector {
+  addToken(info: MetamaskWatchAsset): Promise<boolean> {
+    return this.getProvider().then(provider => {
+      return provider.request({
+        method: 'wallet_watchAsset',
+        params: info,
+      });
+    });
+  }
+}
+
 const MetaMaskWalletConfig: WalletConnector = {
   id: 'metamask',
   logo: MetaMaskLogo,