diff --git a/.github/workflows/feature.yml b/.github/workflows/feature.yml
index 2abcece60..d88e41ec5 100644
--- a/.github/workflows/feature.yml
+++ b/.github/workflows/feature.yml
@@ -35,6 +35,8 @@ jobs:
           echo "SCREENING_API_URL=${{ secrets.SCREENING_API_URL }}" >> .env
           echo "DATAPLANE_URL=${{ secrets.DATAPLANE_URL }}" >> .env
           echo "RUDDER_KEY=${{ secrets.RUDDER_KEY }}" >> .env
+          echo "MASA_KEY=${{ secrets.MASA_KEY }}" >> .env
+          echo "MASA_APP_ID=${{ secrets.MASA_APP_ID }}" >> .env
 
       - name: Build
         run: |
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index b9b7c4bfd..3e14279cf 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -37,6 +37,8 @@ jobs:
           echo "SCREENING_API_URL=${{ secrets.SCREENING_API_URL }}" >> .env
           echo "DATAPLANE_URL=${{ secrets.DATAPLANE_URL }}" >> .env
           echo "RUDDER_KEY=${{ secrets.RUDDER_KEY }}" >> .env
+          echo "MASA_KEY=${{ secrets.MASA_KEY }}" >> .env
+          echo "MASA_APP_ID=${{ secrets.MASA_APP_ID }}" >> .env
 
       - name: Build
         run: |
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index f7c5dd887..64829b203 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -68,6 +68,8 @@ jobs:
           echo "SCREENING_API_URL=${{ secrets.SCREENING_API_URL }}" >> .env
           echo "DATAPLANE_URL=${{ secrets.DATAPLANE_URL }}" >> .env
           echo "RUDDER_KEY=${{ secrets.RUDDER_KEY }}" >> .env
+          echo "MASA_KEY=${{ secrets.MASA_KEY }}" >> .env
+          echo "MASA_APP_ID=${{ secrets.MASA_APP_ID }}" >> .env
 
       - name: Build
         run: |
diff --git a/components/common/Alert.vue b/components/common/Alert.vue
index 600a21883..51a361996 100644
--- a/components/common/Alert.vue
+++ b/components/common/Alert.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="alert-container" :class="[`variant-${variant}`, { 'has-icon': !!icon }]">
+  <div class="alert-container" :class="[`variant-${variant}`, `size-${size}`, { 'has-icon': !!icon }]">
     <div v-if="icon" class="alert-icon-container">
       <component :is="icon" class="alert-icon" aria-hidden="true" />
     </div>
@@ -14,6 +14,10 @@ defineProps({
   variant: {
     type: String as PropType<"info" | "neutral" | "success" | "warning" | "error">,
   },
+  size: {
+    type: String as PropType<"md" | "sm">,
+    default: "md",
+  },
   icon: {
     type: [Object, Function] as PropType<Component>,
   },
@@ -26,6 +30,14 @@ defineProps({
   &.has-icon {
     @apply grid grid-cols-[max-content_1fr] gap-block-padding-1/2;
   }
+  /* &.size- {
+    &md {
+      @apply p-4;
+    }
+    &sm {
+      @apply p-2;
+    }
+  } */
   &.variant- {
     &info {
       @apply border bg-primary-300 text-primary-700;
@@ -64,16 +76,25 @@ defineProps({
       }
     }
     &warning {
-      @apply border p-block-padding-1/2 sm:p-block-padding;
+      @apply border p-block-padding-1/2;
       @apply border-warning-400/30 bg-warning-400/10;
+      &.size-md {
+        .alert-icon-container {
+          @apply h-12 w-12 bg-warning-400;
 
-      .alert-icon-container {
-        @apply h-12 w-12 bg-warning-400;
+          .alert-icon {
+            @apply text-neutral-950;
+          }
+        }
 
+        @apply sm:p-block-padding;
+      }
+      &.size-sm {
         .alert-icon {
-          @apply text-neutral-950;
+          @apply text-warning-400;
         }
       }
+
       .alert-body {
         .alert-link {
           @apply hover:text-orange-600 dark:text-warning-400 dark:hover:text-warning-600;
diff --git a/components/transaction/CustomBridge.vue b/components/transaction/CustomBridge.vue
new file mode 100644
index 000000000..fa864c84a
--- /dev/null
+++ b/components/transaction/CustomBridge.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <CommonAlert variant="warning" size="sm" :icon="ExclamationTriangleIcon" class="mb-block-gap">
+      <p>{{ customBridgeToken.symbol }} token requires use of a custom bridge</p>
+    </CommonAlert>
+    <TypographyCategoryLabel>
+      Use 3rd party bridges or CEXs to bridge {{ customBridgeToken.symbol }} to
+      {{ type === "deposit" ? eraNetwork.name : eraNetwork.l1Network?.name }}.
+    </TypographyCategoryLabel>
+    <CommonCardWithLineButtons>
+      <DestinationItem
+        v-for="(item, index) in displayedBridges"
+        :key="index"
+        :label="item.label"
+        :icon-url="item.iconUrl"
+        :href="item.href!"
+        :icon="ArrowTopRightOnSquareIcon"
+        as="a"
+        target="_blank"
+      />
+    </CommonCardWithLineButtons>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ExclamationTriangleIcon, ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
+
+import { type CustomBridgeToken } from "@/data/customBridgeTokens";
+
+const props = defineProps({
+  customBridgeToken: {
+    type: Object as PropType<CustomBridgeToken>,
+    required: true,
+  },
+  type: {
+    type: String as PropType<"deposit" | "withdraw">,
+    required: true,
+  },
+});
+
+const { eraNetwork } = storeToRefs(useZkSyncProviderStore());
+const displayedBridges = computed(() => {
+  if (props.type === "deposit") {
+    return props.customBridgeToken.bridges
+      .map((e) => ({
+        ...e,
+        href: e.depositUrl,
+      }))
+      .filter((e) => e.href);
+  }
+  return props.customBridgeToken.bridges
+    .map((e) => ({
+      ...e,
+      href: e.withdrawUrl,
+    }))
+    .filter((e) => e.href);
+});
+</script>
diff --git a/data/customBridgeTokens.ts b/data/customBridgeTokens.ts
index b70f507ad..47aaa978c 100644
--- a/data/customBridgeTokens.ts
+++ b/data/customBridgeTokens.ts
@@ -1,11 +1,14 @@
-type CustomBridgeToken = {
+export type CustomBridgeToken = {
   chainId: number;
   l1Address: string;
   l2Address: string;
-  bridgeName: string;
-  bridgeUrlDeposit: string;
-  bridgeUrlWithdraw: string;
   symbol: string;
+  bridges: {
+    label: string;
+    iconUrl: string;
+    depositUrl?: string;
+    withdrawUrl?: string;
+  }[];
 };
 
 export const customBridgeTokens: CustomBridgeToken[] = [
@@ -13,9 +16,34 @@ export const customBridgeTokens: CustomBridgeToken[] = [
     chainId: 1,
     l1Address: "0x7f39C581F595B53c5cb19bD0b3f8dA6c935E2Ca0",
     l2Address: "0x703b52F2b28fEbcB60E1372858AF5b18849FE867",
-    bridgeName: "txSync Bridge",
-    bridgeUrlDeposit: "https://portal.txsync.io/bridge/?token=0x703b52F2b28fEbcB60E1372858AF5b18849FE867",
-    bridgeUrlWithdraw: "https://portal.txsync.io/bridge/withdraw/?token=0x703b52F2b28fEbcB60E1372858AF5b18849FE867",
+    bridges: [
+      {
+        label: "txSync Bridge",
+        iconUrl: "/img/txsync.png",
+        depositUrl: "https://portal.txsync.io/bridge/?token=0x703b52F2b28fEbcB60E1372858AF5b18849FE867",
+        withdrawUrl: "https://portal.txsync.io/bridge/withdraw/?token=0x703b52F2b28fEbcB60E1372858AF5b18849FE867",
+      },
+    ],
     symbol: "wstETH",
   },
+  {
+    chainId: 1,
+    l1Address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    l2Address: "0x3355df6D4c9C3035724Fd0e3914dE96A5a83aaf4",
+    bridges: [
+      {
+        label: "Orbiter",
+        iconUrl: "/img/orbiter.svg",
+        depositUrl: "https://www.orbiter.finance/?source=Ethereum&dest=zkSync%20Era&token=USDC",
+        withdrawUrl: "https://www.orbiter.finance/?source=zkSync%20Era&dest=Ethereum&token=USDC",
+      },
+      {
+        label: "Symbiosis",
+        iconUrl: "/img/symbiosis.svg",
+        depositUrl: "https://app.symbiosis.finance/bridge",
+        withdrawUrl: "https://app.symbiosis.finance/bridge",
+      },
+    ],
+    symbol: "USDC",
+  },
 ];
diff --git a/public/img/symbiosis.svg b/public/img/symbiosis.svg
new file mode 100644
index 000000000..fdf2bac92
--- /dev/null
+++ b/public/img/symbiosis.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="24" fill="#2EFD3E"/>
+<path d="M22.2999 24.3013L22.7971 23.7949V22.0073L22.2999 21.4995H21.6147L21.1406 22.0073V23.7949L21.6147 24.3013H22.2999Z" fill="black"/>
+<path d="M26.7722 24.2776L27.2462 23.7699V22.0073L26.7722 21.4995H26.087L25.5898 22.0073V23.7699L26.087 24.2776H26.7722Z" fill="black"/>
+<path d="M37.2759 20.1708L34.8157 22.1031L34.7204 22.8043L34.61 22.9003H33.9398L33.4426 23.4081V24.0842L33.8921 24.5433V24.7853L33.4194 25.2917L33.4426 28.4566L33.9398 28.9407L33.963 29.1814L33.9766 29.1925L33.5134 29.6655V30.3653L33.3009 30.5837H29.8232L29.6107 30.3653V30.0036V26.8136L29.5167 26.7176L29.1134 26.3072V26.0652L29.078 26.029L29.563 25.5338V24.8577L29.5276 24.8201L29.6107 24.809L29.7523 24.6406L30.4389 24.5669L32.0954 22.3939L32.0259 21.715L32.1894 21.5481L32.1839 21.4813L32.1894 21.4757L32.1689 21.2782L32.1662 21.2337L32.662 20.7259L32.6157 16.6679L32.1185 16.1851V16.1364L32.1417 15.9194L31.9523 15.6774L32.0232 14.9762L30.3435 12.8018L29.6583 12.7295L29.5575 12.5917L29.563 12.5848V11.9087L29.0903 11.4009H28.4759H28.4282L28.1912 11.2075V10.5078L27.6708 10H24.2407H24.1467H20.7167L20.1963 10.5078V11.2075L19.9593 11.4009H19.9116H19.2972L18.8232 11.9087V12.5848L18.83 12.5917L18.7292 12.7295L18.0426 12.8018L16.363 14.9762L16.4338 15.6774L16.2458 15.9194L16.269 16.1364V16.1851L15.7718 16.6679L15.7241 20.7259L16.2213 21.2337L16.1981 21.5481L16.382 21.7359L16.3167 22.3939L17.9718 24.5669L18.6583 24.6406L18.8 24.809L18.8613 24.8173L18.8232 24.8577V25.5338L19.2972 26.0415L19.2727 26.0652V26.3072L18.8708 26.7176L18.7768 26.8136V30.0036V30.3653L18.563 30.5837H15.0866L14.8727 30.3653V29.6655L14.4 29.1814L14.4232 28.9407L14.9204 28.4566L14.9435 25.2917L14.4708 24.7853L14.4926 24.546L14.9435 24.0842V23.4081L14.4477 22.9003H13.7775L13.6671 22.8043L13.5718 22.1031L11.1116 20.1708L10.4264 20.2668L10 20.8233L10.094 21.523L12.5542 23.4568L13.2407 23.3594L13.2939 23.4025L13.2884 23.4081V24.0842L13.7611 24.5919H13.7856V24.7366L13.2884 25.2444L13.2407 28.4093L13.7134 28.9157V29.1577H13.6903L13.2176 29.6655V30.3653L13.6903 30.8494H14.3768L14.5894 31.0664V31.7662L15.062 32.2503H18.5398L19.037 31.7662V31.0664L19.2495 30.8494H19.9593L20.432 30.3653V30.1246V26.8136L20.0069 26.3072L19.9824 26.0415L20.4796 25.5338V24.8577L19.9824 24.3499H19.3163L19.2019 24.2052L19.2727 23.5041L17.5931 21.3297L16.9079 21.2573L16.9051 21.2545L16.9079 21.2337L17.4037 20.7509L17.4282 16.7165L16.9555 16.2088L16.9623 16.1323L16.9787 16.1128L17.6639 16.0391L19.3204 13.8661L19.2495 13.1649L19.304 13.0926H19.9824L20.4796 12.5848V11.9574V11.9087L20.7167 11.7153H24.1467H24.2407H27.6708L27.9079 11.9087V11.9574V12.5848L28.4037 13.0926H29.0821L29.138 13.1649L29.0671 13.8661L30.7222 16.0391L31.4088 16.1128L31.4251 16.1323L31.432 16.2088L30.9593 16.7165L30.9824 20.7509L31.4796 21.2337L31.4824 21.2601L30.8176 21.3297L29.138 23.5041L29.2088 24.2052L29.0821 24.3666L29.0671 24.3499H28.3806L27.9079 24.8577V25.5338L28.3806 26.0415H28.4037L28.3806 26.3072L27.9787 26.8136V30.1246V30.3653L28.4514 30.8494H29.138L29.3505 31.0664V31.7662L29.8477 32.2503H33.3254L33.7981 31.7662V31.0664L34.0107 30.8494H34.6972L35.1699 30.3653V29.6655L34.6972 29.1577H34.6495V28.9157L35.1222 28.4093L35.0759 25.2444L34.5787 24.7366V24.5919H34.6264L35.0991 24.0842V23.4081L35.0936 23.4025L35.1468 23.3594L35.832 23.4568L38.2921 21.523L38.3875 20.8233L37.9611 20.2668L37.2759 20.1708Z" fill="black"/>
+<path d="M22.0406 30.7034L21.5434 31.2112V31.9123L21.3309 32.1294H20.6457L17.3327 35.4389V36.115L17.1202 36.3335H13.6424L13.4299 36.115V35.4153L12.9327 34.9075H12.2475L11.7734 35.4153V36.115L12.2475 36.5992H12.9327L13.1466 36.8162V37.5159L13.6193 38.0001H17.097L17.5929 37.5159V36.8162L17.8054 36.5992L17.8299 36.6228H18.5165L21.8281 33.3132V32.6121L22.0174 32.3951H22.6795L23.223 31.9123V31.2112L22.7272 30.7034H22.0406Z" fill="black"/>
+<path d="M35.5012 34.9075L35.004 35.4153V36.115L34.7915 36.3335H31.3137L31.1012 36.115V35.4389L27.7896 32.1294H27.103L26.8905 31.9123V31.2112L26.3933 30.7034H25.7081L25.2109 31.2112V31.9123L25.7558 32.3951H26.4178L26.6072 32.6121V33.3132L29.9188 36.6228H30.604L30.6285 36.5992L30.841 36.8162V37.5159L31.3382 38.0001H34.816L35.2887 37.5159V36.8162L35.5012 36.5992H36.1877L36.6604 36.115V35.4153L36.1877 34.9075H35.5012Z" fill="black"/>
+</svg>
diff --git a/public/img/txsync.png b/public/img/txsync.png
new file mode 100644
index 000000000..d8feee5b6
Binary files /dev/null and b/public/img/txsync.png differ
diff --git a/views/transactions/Deposit.vue b/views/transactions/Deposit.vue
index 6aa9d8d55..b28338ac1 100644
--- a/views/transactions/Deposit.vue
+++ b/views/transactions/Deposit.vue
@@ -86,28 +86,13 @@
               <span>{{ destination.label }}</span>
             </CommonButtonDropdown>
           </template>
-          <template v-if="tokenCustomBridge" #input-body>
-            <div class="mt-4">
-              Bridging {{ tokenCustomBridge.symbol }} token to {{ destination.label }} requires custom bridge. Please
-              use
-              <a :href="tokenCustomBridge.bridgeUrlDeposit" target="_blank" class="underline underline-offset-2">
-                {{ tokenCustomBridge.bridgeName }} </a
-              >.
-            </div>
-          </template>
         </CommonInputTransactionAddress>
-        <CommonButton
+        <TransactionCustomBridge
           v-if="tokenCustomBridge"
-          type="submit"
-          as="a"
-          target="_blank"
-          :href="tokenCustomBridge?.bridgeUrlDeposit"
-          variant="primary"
-          class="mt-4 w-full gap-1"
-        >
-          Open {{ tokenCustomBridge?.bridgeName }}
-          <ArrowTopRightOnSquareIcon class="h-6 w-6" aria-hidden="true" />
-        </CommonButton>
+          type="deposit"
+          class="mt-6"
+          :custom-bridge-token="tokenCustomBridge"
+        />
       </template>
       <template v-else-if="step === 'wallet-warning'">
         <CommonAlert variant="warning" :icon="ExclamationTriangleIcon" class="mb-block-padding-1/2 sm:mb-block-gap">
diff --git a/views/transactions/Transfer.vue b/views/transactions/Transfer.vue
index 0695c9495..e5afbe3e6 100644
--- a/views/transactions/Transfer.vue
+++ b/views/transactions/Transfer.vue
@@ -98,29 +98,14 @@
               <span class="truncate">{{ destination.label }}</span>
             </CommonButtonDropdown>
           </template>
-          <template v-if="tokenCustomBridge" #input-body>
-            <div class="mt-4">
-              Bridging {{ tokenCustomBridge.symbol }} token to {{ destination.label }} requires custom bridge. Please
-              use
-              <a :href="tokenCustomBridge.bridgeUrlWithdraw" target="_blank" class="underline underline-offset-2">
-                {{ tokenCustomBridge.bridgeName }} </a
-              >.
-            </div>
-          </template>
         </CommonInputTransactionAddress>
         <CommonInputTransactionAddress v-else v-model="address" class="mt-6" />
-        <CommonButton
+        <TransactionCustomBridge
           v-if="tokenCustomBridge"
-          type="submit"
-          as="a"
-          target="_blank"
-          :href="tokenCustomBridge?.bridgeUrlDeposit"
-          variant="primary"
-          class="mt-4 w-full gap-1"
-        >
-          Open {{ tokenCustomBridge?.bridgeName }}
-          <ArrowTopRightOnSquareIcon class="h-6 w-6" aria-hidden="true" />
-        </CommonButton>
+          type="withdraw"
+          class="mt-6"
+          :custom-bridge-token="tokenCustomBridge"
+        />
       </template>
       <template v-else-if="step === 'withdrawal-finalization-warning'">
         <CommonAlert variant="warning" :icon="ExclamationTriangleIcon" class="mb-block-padding-1/2 sm:mb-block-gap">