diff --git a/src/components/CamOfferCard.vue b/src/components/CamOfferCard.vue
index 09350cbfc..62a19683f 100644
--- a/src/components/CamOfferCard.vue
+++ b/src/components/CamOfferCard.vue
@@ -104,6 +104,23 @@
                 </div>
             </div>
         </template>
+        <template v-else-if="isTreasuryRewards">
+            <div class="offer_detail">
+                <div class="offer_detail_left">
+                    <p>
+                        {{ $t('earn.rewards.pending_rewards.description') }}
+                    </p>
+                </div>
+                <div class="offer_detail_right">
+                    <div class="reward_row">
+                        <label>{{ $t('earn.rewards.pending_rewards.pending_reward') }}:</label>
+                        <p class="reward">
+                            {{ cleanAvaxBN(treasuryRewards.amountToClaim) }} {{ nativeAssetSymbol }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </template>
         <slot></slot>
     </CamCard>
 </template>
@@ -113,7 +130,7 @@ import { cleanAvaxBN, formatDuration } from '@/helpers/helper'
 import { WalletHelper } from '@/helpers/wallet_helper'
 import AvaAsset from '@/js/AvaAsset'
 import { WalletType } from '@/js/wallets/types'
-import { PlatformRewardDeposit } from '@/store/modules/platform/types'
+import { PlatformRewardDeposit, PlatformRewardTreasury } from '@/store/modules/platform/types'
 import { MultisigTx as SignavaultTx } from '@/store/modules/signavault/types'
 import { BN, Buffer } from '@c4tplatform/caminojs/dist'
 import { ClaimTx, UnsignedTx } from '@c4tplatform/caminojs/dist/apis/platformvm'
@@ -126,9 +143,10 @@ import CamCard from './CamCard.vue'
 })
 export default class CamOfferCard extends Vue {
     @Prop() readonly title!: string
-    @Prop() readonly type!: 'offer' | 'reward'
+    @Prop() readonly type!: 'offer' | 'reward' | 'treasuryRewards'
     @Prop() readonly offer!: DepositOffer
     @Prop() readonly reward!: PlatformRewardDeposit
+    @Prop() readonly treasuryRewards!: PlatformRewardTreasury
 
     get isOffer() {
         return this.type === 'offer'
@@ -138,6 +156,10 @@ export default class CamOfferCard extends Vue {
         return this.type === 'reward'
     }
 
+    get isTreasuryRewards() {
+        return this.type === 'treasuryRewards'
+    }
+
     get activeWallet(): WalletType {
         return this.$store.state.activeWallet
     }
@@ -326,6 +348,7 @@ label {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
+    height: 100%;
     .offer_detail_left {
         border-right: 2px solid var(--border-color);
     }
diff --git a/src/components/wallet/earn/TreasuryRewardCard.vue b/src/components/wallet/earn/TreasuryRewardCard.vue
new file mode 100644
index 000000000..c2d5fce20
--- /dev/null
+++ b/src/components/wallet/earn/TreasuryRewardCard.vue
@@ -0,0 +1,320 @@
+<template>
+    <CamOfferCard
+        :title="$t('earn.rewards.pending_rewards.title')"
+        type="treasuryRewards"
+        :treasuryRewards="reward"
+    >
+        <div v-if="!isMultiSig" class="button_group">
+            <CamBtn variant="primary" @click="openModal" :disabled="isClaimDisabled">
+                {{ $t('earn.rewards.active_earning.claim') }}
+            </CamBtn>
+        </div>
+        <template v-else>
+            <div v-if="signatureStatus() === 2" class="button_group">
+                <CamBtn variant="primary" @click="openModal" :disabled="isClaimDisabled">
+                    {{ $t('earn.rewards.active_earning.execute_claim') }}
+                </CamBtn>
+                <CamBtn variant="negative" @click="openAbortModal">
+                    {{ $t('earn.rewards.active_earning.abort') }}
+                </CamBtn>
+            </div>
+            <div v-else-if="signatureStatus() === -1 && disclamer" class="button_group">
+                <CamBtn variant="primary" @click="openModal" :disabled="isClaimDisabled">
+                    {{ $t('earn.rewards.active_earning.initiate_transaction') }}
+                </CamBtn>
+                <CamBtn variant="transparent" @click="disclamer = false">
+                    {{ $t('earn.rewards.active_earning.cancel') }}
+                </CamBtn>
+            </div>
+            <div v-else-if="signatureStatus() === 1 && !alreadySigned()" class="button_group">
+                <CamBtn variant="transparent" @click="signMultisigTx" :disabled="alreadySigned()">
+                    {{ $t('earn.rewards.active_earning.sign') }}
+                </CamBtn>
+                <CamBtn variant="negative" @click="openAbortModal">
+                    {{ $t('earn.rewards.active_earning.abort') }}
+                </CamBtn>
+            </div>
+            <div v-else-if="signatureStatus() === 1 && alreadySigned()" class="button_group">
+                <CamBtn variant="transparent" @click="signMultisigTx" :disabled="alreadySigned()">
+                    {{
+                        $t('earn.rewards.active_earning.signed', {
+                            nbSigners: numberOfSignatures,
+                            threshold: threshold,
+                        })
+                    }}
+                </CamBtn>
+                <CamBtn variant="negative" @click="openAbortModal">
+                    {{ $t('earn.rewards.active_earning.abort') }}
+                </CamBtn>
+            </div>
+            <div v-else class="button_group">
+                <CamBtn
+                    variant="primary"
+                    @click="disclamer = true"
+                    :disabled="isClaimDisabled || disallowedClaim()"
+                >
+                    {{ $t('earn.rewards.active_earning.claim') }}
+                </CamBtn>
+            </div>
+        </template>
+        <Alert v-if="disclamer" variant="warning" class="mt-2">
+            {{ $t('earn.rewards.active_earning.are_you_sure') }}
+        </Alert>
+        <ModalClaimDepositReward
+            ref="modal_claim_reward"
+            :amount="reward.amountToClaim"
+            :rewardOwner="reward.rewardOwner"
+            :canExecuteMultisigTx="canExecuteMultisigTx"
+        />
+        <ModalAbortSigning
+            ref="modal_abort_signing"
+            :title="$t('earn.rewards.abort_modal.title')"
+            :modalText="$t('earn.rewards.abort_modal.message')"
+            @cancelTx="cancelMultisigTx"
+        />
+    </CamOfferCard>
+</template>
+<script lang="ts">
+import 'reflect-metadata'
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator'
+
+import ModalClaimReward from '@/components/modals/ClaimRewardModal.vue'
+import { cleanAvaxBN } from '@/helpers/helper'
+import { PlatformRewardDeposit } from '@/store/modules/platform/types'
+
+import { bintools } from '@/AVA'
+import Alert from '@/components/Alert.vue'
+import CamBtn from '@/components/CamBtn.vue'
+import CamOfferCard from '@/components/CamOfferCard.vue'
+import { WalletHelper } from '@/helpers/wallet_helper'
+import { MultisigWallet } from '@/js/wallets/MultisigWallet'
+import { WalletType } from '@/js/wallets/types'
+import { MultisigTx as SignavaultTx } from '@/store/modules/signavault/types'
+import { BN, Buffer } from '@c4tplatform/caminojs/dist'
+import { ClaimTx, UnsignedTx } from '@c4tplatform/caminojs/dist/apis/platformvm'
+import { DepositOffer } from '@c4tplatform/caminojs/dist/apis/platformvm/interfaces'
+import { ModelMultisigTxOwner } from '@c4tplatform/signavaultjs'
+import ModalAbortSigning from './ModalAbortSigning.vue'
+import ModalClaimDepositReward from './ModalClaimDepositReward.vue'
+
+@Component({
+    components: {
+        ModalClaimReward,
+        ModalClaimDepositReward,
+        ModalAbortSigning,
+        CamBtn,
+        Alert,
+        CamOfferCard,
+    },
+})
+export default class TreasuryRewardCard extends Vue {
+    now: number = Date.now()
+    intervalID: any = null
+    claimDisabled: boolean = true
+    disclamer: boolean = false
+    // @ts-ignore
+    helpers = this.globalHelper()
+    signedclaimedAmount: BN = new BN(0)
+    // signedDepositID: string = ''
+    @Prop() reward!: PlatformRewardDeposit
+
+    $refs!: {
+        // modal_claim_reward: ModalClaimReward
+        modal_claim_reward: ModalClaimDepositReward
+        modal_abort_signing: ModalAbortSigning
+    }
+
+    openAbortModal() {
+        this.$refs.modal_abort_signing.open()
+    }
+    updateNow() {
+        this.now = Date.now()
+    }
+
+    created() {
+        this.intervalID = setInterval(() => {
+            this.updateNow()
+        }, 2000)
+    }
+
+    destroyed() {
+        clearInterval(this.intervalID)
+    }
+
+    mounted() {
+        this.updateMultisigTxDetails()
+    }
+
+    get activeWallet(): WalletType {
+        return this.$store.state.activeWallet
+    }
+
+    get pendingSendMultisigTX(): SignavaultTx | undefined {
+        return this.$store.getters['Signavault/transactions'].find(
+            (item: any) =>
+                item?.tx?.alias === this.activeWallet.getStaticAddress('P') &&
+                WalletHelper.getUnsignedTxType(item?.tx?.unsignedTx) === 'ClaimTx'
+        )
+    }
+
+    async signMultisigTx() {
+        const wallet = this.activeWallet
+        if (!wallet || !(wallet instanceof MultisigWallet))
+            return console.debug('MultiSigTx::sign: Invalid wallet')
+        if (!this.pendingSendMultisigTX) return console.debug('MultiSigTx::sign: Invalid Tx')
+        try {
+            await wallet.addSignatures(this.pendingSendMultisigTX?.tx)
+            this.helpers.dispatchNotification({
+                message: this.$t('notifications.multisig_transaction_saved'),
+                type: 'success',
+            })
+            this.$store.dispatch('Signavault/updateTransaction')
+        } catch (e: any) {
+            this.helpers.dispatchNotification({
+                message: this.$t('multisig_transaction_not_saved'),
+                type: 'error',
+            })
+            this.disclamer = false
+        }
+    }
+
+    async cancelMultisigTx() {
+        try {
+            const wallet = this.activeWallet as MultisigWallet
+            if (this.pendingSendMultisigTX) {
+                // cancel from the wallet
+                await wallet.cancelExternal(this.pendingSendMultisigTX?.tx)
+                await this.$store.dispatch('Signavault/updateTransaction')
+                this.helpers.dispatchNotification({
+                    message: this.$t('transfer.multisig.transaction_aborted'),
+                    type: 'success',
+                })
+            }
+        } catch (err) {
+            console.log(err)
+            this.helpers.dispatchNotification({
+                message: this.$t('transfer.multisig.cancel_transaction_failed'),
+                type: 'error',
+            })
+        }
+    }
+
+    private async updateMultisigTxDetails() {
+        if (this.pendingSendMultisigTX) {
+            let unsignedTx = new UnsignedTx()
+            unsignedTx.fromBuffer(Buffer.from(this.pendingSendMultisigTX.tx?.unsignedTx, 'hex'))
+            const utx = unsignedTx.getTransaction() as ClaimTx
+            const claimAmounts = utx.getClaimAmounts()
+
+            const amount = claimAmounts[0].getAmount()
+            this.signedclaimedAmount = new BN(amount)
+        }
+    }
+    get numberOfSignatures(): number {
+        let signers = 0
+        this.txOwners().forEach((owner) => {
+            if (owner.signature) signers++
+        })
+        return signers
+    }
+
+    get threshold(): number {
+        return this.pendingSendMultisigTX?.tx?.threshold ?? 0
+    }
+
+    signedDepositID() {
+        const tx = this.pendingSendMultisigTX
+
+        if (!tx) return undefined
+
+        const unsignedTx = new UnsignedTx()
+        unsignedTx.fromBuffer(Buffer.from(tx.tx?.unsignedTx, 'hex'))
+        const utx = unsignedTx.getTransaction() as ClaimTx
+        const claimAmounts = utx.getClaimAmounts()
+
+        return bintools.cb58Encode(claimAmounts[0].getID())
+    }
+
+    txOwners(): ModelMultisigTxOwner[] | [] {
+        return this.pendingSendMultisigTX?.tx?.owners ?? []
+    }
+
+    signatureStatus(): number {
+        if (!this.pendingSendMultisigTX?.tx) return -1
+        else if (!this.canExecuteMultisigTx()) return 1
+        else if (this.canExecuteMultisigTx()) return 2
+
+        return -1
+    }
+
+    canExecuteMultisigTx(): boolean {
+        let signers = 0
+        let threshold = this.pendingSendMultisigTX?.tx?.threshold
+        const txOwners = this.txOwners()
+
+        txOwners.forEach((owner) => {
+            if (owner.signature) signers++
+        })
+        if (threshold) return signers >= threshold
+        return false
+    }
+
+    alreadySigned(): boolean {
+        const txOwners = this.txOwners()
+        if (!txOwners) return false
+
+        const walletAddresses = (this.activeWallet as MultisigWallet)?.wallets?.map(
+            (w) => w?.getAllAddressesP()?.[0]
+        )
+        if (!walletAddresses) return false
+
+        const isSigned = txOwners.some((owner) => {
+            if (!owner) return false
+            const isOwnerSigned = owner.signature && walletAddresses.includes(owner.address)
+            return isOwnerSigned
+        })
+
+        return isSigned
+    }
+
+    disallowedClaim(): boolean {
+        if (!this.pendingSendMultisigTX) return false
+        else {
+            if (!this.signedDepositID()) return false
+            else return true
+        }
+    }
+    get isMultiSig(): boolean {
+        let wallet: WalletType = this.$store.state.activeWallet
+        return wallet.type === 'multisig'
+    }
+
+    get isClaimDisabled() {
+        return this.reward.amountToClaim.isZero()
+    }
+
+    cleanAvaxBN(val: BN): string {
+        return cleanAvaxBN(val)
+    }
+
+    openModal() {
+        this.disclamer = false
+        this.$refs.modal_claim_reward.open()
+    }
+}
+</script>
+<style scoped lang="scss">
+@use '../../../styles/abstracts/mixins';
+
+.mt-2 {
+    margin-top: 0.5rem;
+}
+
+.button_group {
+    display: flex;
+    margin-left: auto;
+    gap: 0.5rem;
+    justify-content: end;
+    margin-top: 0.6rem;
+}
+</style>
diff --git a/src/components/wallet/earn/UserRewards.vue b/src/components/wallet/earn/UserRewards.vue
index 359094ca3..e5a115495 100644
--- a/src/components/wallet/earn/UserRewards.vue
+++ b/src/components/wallet/earn/UserRewards.vue
@@ -1,26 +1,33 @@
 <template>
-    <div v-if="hasRewards">
+    <div v-if="hasPendingRewards || hasRewards">
+        <TreasuryRewardCard
+            v-if="firstTreasuryReward"
+            class="reward_card"
+            :reward="firstTreasuryReward"
+        />
         <div class="user_offers">
             <DepositRewardCard
-                v-for="(v, i) in platformRewards.depositRewards"
-                :key="'u' + i"
-                :reward="v"
+                v-for="(reward, index) in platformRewards.depositRewards"
+                :key="'reward_' + index"
+                :reward="reward"
                 class="reward_card"
-            ></DepositRewardCard>
+            />
         </div>
     </div>
     <div v-else class="empty">No Active Earning</div>
 </template>
+
 <script lang="ts">
-import 'reflect-metadata'
 import { Component, Vue } from 'vue-property-decorator'
 
 import DepositRewardCard from '@/components/wallet/earn/DepositRewardCard.vue'
 import { PlatformRewards } from '@/store/modules/platform/types'
+import TreasuryRewardCard from './TreasuryRewardCard.vue'
 
 @Component({
     components: {
         DepositRewardCard,
+        TreasuryRewardCard,
     },
 })
 export default class UserRewards extends Vue {
@@ -29,8 +36,9 @@ export default class UserRewards extends Vue {
     }
 
     updateExpiredDepositRewards() {
-        this.$store.state.Platform.rewards.depositRewards.forEach((reward: any) => {
-            return this.$store.getters['Platform/updateExpiredDepositRewards'](
+        const { depositRewards } = this.$store.state.Platform.rewards
+        depositRewards.forEach((reward: any) => {
+            this.$store.getters['Platform/updateExpiredDepositRewards'](
                 reward.deposit.depositOfferID,
                 reward.deposit.start.toNumber()
             )
@@ -45,52 +53,48 @@ export default class UserRewards extends Vue {
         return this.platformRewards.depositRewards.length > 0
     }
 
+    get hasPendingRewards(): boolean {
+        return this.platformRewards.treasuryRewards.length > 0
+    }
+
+    get firstTreasuryReward() {
+        return this.platformRewards.treasuryRewards[0] ?? null
+    }
+
     get nativeAssetSymbol(): string {
         return this.$store.getters['Assets/AssetAVA']?.symbol ?? ''
     }
 }
 </script>
+
 <style scoped lang="scss">
 @use '../../../styles/abstracts/mixins';
+
 .user_offers {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
-    grid-auto-rows: auto;
     grid-gap: 1rem;
 }
-.user_rewards {
-    padding-bottom: 5vh;
-}
-
-.reward_row {
-    margin-bottom: 12px;
-}
 
-.claimables {
-    margin-bottom: 10px;
+.reward_card {
+    margin-bottom: 1rem;
 }
 
-label {
-    margin-top: 6px;
+.empty {
+    padding-bottom: 5vh;
+    text-align: center;
     color: var(--primary-color-light);
-    @include mixins.typography-caption;
-    margin-bottom: 3px;
 }
 
 @include mixins.medium-device {
     .user_offers {
-        display: grid;
-        grid-template-rows: repeat(1, 1fr);
-        grid-template-columns: auto;
-        grid-gap: 1rem;
+        grid-template-columns: 1fr;
     }
 }
+
 @include mixins.mobile-device {
     .user_offers {
-        display: grid;
-        grid-template-rows: repeat(1, 1fr);
-        grid-template-columns: auto;
-        grid-gap: 1rem;
+        grid-template-columns: 1fr;
     }
 }
 </style>
diff --git a/src/components/wallet/transfer/BulkTransfer.vue b/src/components/wallet/transfer/BulkTransfer.vue
new file mode 100644
index 000000000..1238d9937
--- /dev/null
+++ b/src/components/wallet/transfer/BulkTransfer.vue
@@ -0,0 +1,231 @@
+<template>
+    <div class="bulk_card">
+        <div>
+            <label>{{ $t('transfer.receivers') }}</label>
+            <input
+                type="text"
+                v-model="orderString"
+                class="hover_border"
+                placeholder="X-[...];1.5,X-[...];10"
+            />
+            <span class="bulk_info bulk_error" v-if="error !== ''">Error: {{ error }}</span>
+            <span class="bulk_info" v-else>
+                Addresses: {{ orders.length }}, Amount: {{ totalBig.toLocaleString() }}
+                {{ asset.symbol }}
+            </span>
+        </div>
+        <div class="checkout">
+            <p>
+                <label>{{ $t('transfer.memo').toString() }}</label>
+                <textarea class="memo" maxlength="256" placeholder="Memo" v-model="memo"></textarea>
+            </p>
+            <v-btn
+                id="submit"
+                depressed
+                class="button_primary"
+                :loading="processing"
+                :ripple="false"
+                @click="submit"
+                :disabled="!canSend"
+                block
+            >
+                {{ $t('transfer.send') }}
+            </v-btn>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Watch } from 'vue-property-decorator'
+
+import { ava, bintools } from '@/AVA'
+// import { ava, bintools } from '@/AVA'
+import { BulkOrder } from './types'
+import { Big } from '@/helpers/helper'
+import { WalletHelper } from '@/helpers/wallet_helper'
+import AvaAsset from '@/js/AvaAsset'
+import { WalletType } from '@/js/wallets/types'
+
+import { BN, Buffer } from '@c4tplatform/caminojs/dist'
+import { SignatureError } from '@c4tplatform/caminojs/dist/common'
+import { TxState } from '../earn/ChainTransfer/types'
+
+@Component
+export default class BulkTransfer extends Vue {
+    orderString: string = ''
+    memo: string = ''
+    orders: BulkOrder[] = []
+    totalBig: Big = Big(0)
+
+    error: string = ''
+
+    txState: TxState = TxState.waiting
+
+    @Watch('orderString')
+    onUpdateOrderString(o: string, n: string) {
+        const pairs = this.orderString.trim().split(',') as string[]
+        const denom = this.asset.denomination
+
+        const orders: BulkOrder[] = []
+        var totalBig = Big(0)
+        const hrp = ava.getHRP()
+
+        try {
+            pairs.forEach((p, index) => {
+                const parts = p.split(';')
+                if (parts.length === 2) {
+                    const addr = bintools.parseAddress(parts[0], 'X', hrp)
+                    if (!addr) throw new Error(`Pair ${index}: Invalid Address`)
+                    try {
+                        const big = Big(parts[1])
+                        orders.push({
+                            address: parts[0],
+                            amount: new BN(big.mul(Math.pow(10, denom)).toString()),
+                        })
+                        totalBig = totalBig.add(big)
+                    } catch (e: unknown) {
+                        throw new Error(`Pair ${index}: Cannot parse amount`)
+                    }
+                }
+            })
+        } catch (e: any) {
+            this.error = e.message
+            this.orders = []
+            this.totalBig = Big(0)
+            return
+        }
+        this.orders = orders
+        this.totalBig = totalBig
+        this.error = ''
+    }
+
+    get asset(): AvaAsset {
+        return this.$store.getters['Assets/AssetAVA']
+    }
+
+    get processing(): boolean {
+        return this.txState === TxState.started
+    }
+
+    get canSend(): boolean {
+        return this.txState !== TxState.started && this.orders.length > 0
+    }
+
+    async submit() {
+        const wallet: WalletType = this.$store.state.activeWallet
+        try {
+            this.txState = TxState.started
+            const txId = await WalletHelper.issueBulkTx(
+                wallet,
+                this.asset,
+                this.orders,
+                Buffer.from(this.memo)
+            )
+            this.waitTxConfirm(txId)
+        } catch (error) {
+            if (error instanceof SignatureError) {
+                this.txState = TxState.success
+                this.orderString = ''
+                this.$store.dispatch('updateTransaction', {
+                    onlyMultisig: true,
+                    msgType: 'success',
+                    msgTitle: 'Airdrop Transaction',
+                    msgText: 'Transaction Recorded.',
+                })
+            } else {
+                this.txState = TxState.failed
+                console.error(error)
+                this.$store.dispatch('Notifications/add', {
+                    type: 'error',
+                    title: 'Airdrop Failed',
+                    message: error,
+                })
+                return
+            }
+        }
+    }
+
+    async waitTxConfirm(txId: string) {
+        const status = await ava.XChain().getTxStatus(txId)
+
+        if (status === 'Unknown' || status === 'Processing') {
+            // if not confirmed ask again
+            setTimeout(() => {
+                this.waitTxConfirm(txId)
+            }, 500)
+            return false
+        } else if (status === 'Dropped') {
+            // If dropped stop the process
+            this.txState = TxState.failed
+            return false
+        } else {
+            // If success display success page
+            this.txState = TxState.success
+            this.orderString = ''
+
+            this.$store.dispatch('updateTransaction', {
+                withDeposit: true,
+                msgType: 'success',
+                msgTitle: 'Airdrop Transaction',
+                msgText: `Success (TX: ${txId})`,
+            })
+        }
+    }
+}
+</script>
+
+<style scoped lang="scss">
+@use '../../../styles/abstracts/mixins';
+.bulk_card {
+    label {
+        margin-top: 6px;
+        color: var(--primary-color);
+        font-size: 14px;
+        margin-bottom: 3px;
+    }
+
+    input {
+        background-color: var(--bg-light);
+        padding: 8px 12px;
+        display: block;
+        font-size: 14px;
+        color: var(--primary-color);
+        margin-top: 10px;
+        width: 100%;
+    }
+
+    .bulk_info {
+        font-size: small;
+        color: var(--primary-color-light);
+    }
+
+    .bulk_error {
+        color: var(--error);
+    }
+
+    .checkout {
+        display: grid;
+        margin-top: 16px;
+        grid-template-columns: auto 200px;
+        gap: 16px;
+        align-items: end;
+    }
+    .memo {
+        display: block;
+        font-size: 14px;
+        background-color: var(--bg-light);
+        resize: none;
+        width: 100%;
+        height: 52px;
+        border-radius: var(--border-radius-sm);
+        padding: 4px 12px;
+        margin-top: 10px;
+    }
+
+    @include mixins.mobile-device {
+        .checkout {
+            grid-template-columns: auto;
+        }
+    }
+}
+</style>
diff --git a/src/components/wallet/transfer/Transfer.vue b/src/components/wallet/transfer/Transfer.vue
new file mode 100644
index 000000000..8cf0c7e65
--- /dev/null
+++ b/src/components/wallet/transfer/Transfer.vue
@@ -0,0 +1,953 @@
+<template>
+    <div class="transfer_card">
+        <!--        <h1>{{ $t('transfer.title') }}</h1>-->
+        <div v-if="networkStatus !== 'connected'" class="disconnected">
+            <p>{{ $t('transfer.disconnected') }}</p>
+        </div>
+        <div class="card_body" v-else>
+            <FormC v-show="formType === 'C'">
+                <ChainInput v-model="formType" :disabled="isConfirm"></ChainInput>
+            </FormC>
+            <div class="new_order_Form" v-show="formType !== 'C'">
+                <div class="lists">
+                    <ChainInput
+                        @refresh="refresh"
+                        v-model="formType"
+                        :disabled="isConfirm"
+                    ></ChainInput>
+                    <div>
+                        <tx-list
+                            class="tx_list"
+                            ref="txList"
+                            @change="updateTxList"
+                            :disabled="isConfirm"
+                            :chainId="formType"
+                            :pendingTxAmount="pendingTxAmount"
+                        ></tx-list>
+                        <template v-if="hasNFT">
+                            <NftList
+                                @change="updateNftList"
+                                ref="nftList"
+                                :disabled="isConfirm"
+                            ></NftList>
+                        </template>
+                    </div>
+                </div>
+                <div>
+                    <div class="to_address">
+                        <h4>{{ $t('transfer.to') }}</h4>
+                        <qr-input
+                            v-model="addressIn"
+                            :class="[
+                                'qrIn',
+                                'hover_border',
+                                { pending: !!pendingSendMultisigTX && formType === 'P' },
+                            ]"
+                            style="padding: 0"
+                            placeholder="xxx"
+                            :disabled="isConfirm || (!!pendingSendMultisigTX && formType === 'P')"
+                        ></qr-input>
+                    </div>
+                    <div>
+                        <!-- <template v-if="isConfirm && formMemo.length > 0">
+                            <h4>Memo (Optional)</h4>
+                            <p class="confirm_val">{{ formMemo }}</p>
+                        </template> -->
+                        <h4>{{ $t('transfer.memo') }}</h4>
+                        <textarea
+                            :class="[
+                                'memo',
+                                { pending: !!pendingSendMultisigTX && formType === 'P' },
+                            ]"
+                            maxlength="256"
+                            :placeholder="pendingSendMultisigTX ? '' : 'Memo'"
+                            v-model="memo"
+                            :disabled="isConfirm || (!!pendingSendMultisigTX && formType === 'P')"
+                        ></textarea>
+                    </div>
+                    <div class="fees">
+                        <p>
+                            {{ $t('transfer.fee_tx') }}
+                            <span>{{ txFeeBig.toLocaleString(9) }} {{ nativeAssetSymbol }}</span>
+                        </p>
+                    </div>
+                    <div class="checkout">
+                        <ul class="err_list" v-if="formErrors.length > 0">
+                            <li v-for="err in formErrors" :key="err">
+                                {{ err }}
+                            </li>
+                        </ul>
+                        <template v-if="!isConfirm && !pendingSendMultisigTX">
+                            <v-btn
+                                depressed
+                                class="button_primary"
+                                :ripple="false"
+                                @click="confirm"
+                                :disabled="!canSend"
+                                block
+                            >
+                                {{ $t('transfer.c_chain.confirm') }}
+                            </v-btn>
+                        </template>
+                        <template v-else-if="pendingSendMultisigTX && formType === 'P'">
+                            <div class="multi-sig__container">
+                                <v-btn
+                                    v-if="canExecuteMultisigTx"
+                                    depressed
+                                    class="button_secondary"
+                                    @click="issueMultisigTx"
+                                >
+                                    {{ $t('transfer.multisig.execute_transaction') }}
+                                </v-btn>
+                                <v-btn
+                                    v-else
+                                    class="button_secondary"
+                                    @click="signMultisigTx"
+                                    depressed
+                                    :disabled="disableSignButton"
+                                >
+                                    {{ $t('transfer.multisig.sign_transaction') }}
+                                </v-btn>
+                                <v-btn
+                                    depressed
+                                    class="button_primary"
+                                    :ripple="false"
+                                    @click="openAbortModal"
+                                    block
+                                >
+                                    {{ $t('transfer.multisig.abort_transaction') }}
+                                </v-btn>
+                            </div>
+                        </template>
+                        <template v-else-if="isConfirm && !isSuccess && !pendingSendMultisigTX">
+                            <template v-if="!isMultiSigErr">
+                                <p class="err">{{ err }}</p>
+                                <v-btn
+                                    depressed
+                                    class="button_primary"
+                                    :loading="isAjax"
+                                    :ripple="false"
+                                    @click="submit"
+                                    :disabled="!canSend"
+                                    block
+                                >
+                                    {{ $t('transfer.send') }}
+                                </v-btn>
+                                <v-btn
+                                    text
+                                    block
+                                    small
+                                    style="margin-top: 20px !important; color: var(--primary-color)"
+                                    @click="cancelConfirm"
+                                >
+                                    {{ $t('misc.cancel') }}
+                                </v-btn>
+                            </template>
+                        </template>
+                        <template v-else-if="isSuccess">
+                            <p data-cy="transfer-tx-status" style="color: var(--success)">
+                                <fa icon="check-circle"></fa>
+                                {{ $t('transfer.success_title') }}
+                            </p>
+                            <label style="word-break: break-all">
+                                <b>ID:</b>
+                                {{ txId }}
+                            </label>
+                            <v-btn
+                                depressed
+                                style="margin-top: 14px"
+                                class="button_primary"
+                                :ripple="false"
+                                @click="startAgain"
+                                block
+                                :disabled="!canSendAgain"
+                            >
+                                {{ $t('transfer.c_chain.reset') }}
+                            </v-btn>
+                        </template>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <ModalAbortSigning
+            ref="modal_abort_signing"
+            :title="$t('transfer.multisig.abort_transaction')"
+            :modalText="$t('earn.rewards.abort_modal.message')"
+            @cancelTx="cancelMultisigTx"
+        />
+    </div>
+</template>
+<script lang="ts">
+import 'reflect-metadata'
+import { Component, Vue, Watch } from 'vue-property-decorator'
+
+import ModalAbortSigning from '@/components/wallet/earn/ModalAbortSigning.vue'
+import TxList from '@/components/wallet/transfer/TxList.vue'
+import Big from 'big.js'
+
+import NftList from '@/components/wallet/transfer/NftList.vue'
+
+//@ts-ignore
+import FaucetLink from '@/components/misc/FaucetLink.vue'
+import FormC from '@/components/wallet/transfer/FormC.vue'
+import TxSummary from '@/components/wallet/transfer/TxSummary.vue'
+import { ITransaction } from '@/components/wallet/transfer/types'
+import { ChainIdType } from '@/constants'
+import { bnToBig } from '@/helpers/helper'
+import { WalletHelper } from '@/helpers/wallet_helper'
+import { AvaNetwork } from '@/js/AvaNetwork'
+import { WalletType } from '@/js/wallets/types'
+import { IssueBatchTxInput, priceDict } from '@/store/types'
+import { BN, Buffer } from '@c4tplatform/caminojs/dist'
+import { UTXO } from '@c4tplatform/caminojs/dist/apis/avm'
+import { QrInput } from '@c4tplatform/vue_components'
+import * as bip39 from 'bip39'
+import { ava, isValidAddress } from '@/AVA'
+
+import { TxState } from '@/components/wallet/earn/ChainTransfer/types'
+import ChainInput from '@/components/wallet/transfer/ChainInput.vue'
+import { MultisigWallet } from '@/js/wallets/MultisigWallet'
+import { MultisigTx as SignavaultTx } from '@/store/modules/signavault/types'
+import { UnsignedTx } from '@c4tplatform/caminojs/dist/apis/platformvm'
+import { SignatureError } from '@c4tplatform/caminojs/dist/common'
+import AvaAsset from '@/js/AvaAsset'
+
+import { getTransactionSummary } from '@/helpers/history_helper'
+import { parse } from '@/store/modules/history/history_utils'
+import { ITransactionData } from '@/store/modules/history/types'
+
+@Component({
+    components: {
+        FaucetLink,
+        TxList,
+        QrInput,
+        NftList,
+        TxSummary,
+        FormC,
+        ChainInput,
+        ModalAbortSigning,
+    },
+})
+export default class Transfer extends Vue {
+    formType: ChainIdType = 'P'
+    showAdvanced: boolean = false
+    isAjax: boolean = false
+    addressIn: string = ''
+    memo: string = ''
+    orders: ITransaction[] = []
+    nftOrders: UTXO[] = []
+    formErrors: string[] = []
+    err = ''
+    isMultiSigErr = false
+    pendingTxAmount? = ''
+
+    formAddress: string = ''
+    formOrders: ITransaction[] = []
+    formNftOrders: UTXO[] = []
+    formMemo = ''
+
+    isConfirm = false
+    isSuccess = false
+    isAborted = false
+    txId = ''
+
+    canSendAgain = false
+    txState: TxState | null = null
+
+    helpers = this.globalHelper()
+
+    $refs!: {
+        txList: TxList
+        nftList: NftList
+        modal_abort_signing: ModalAbortSigning
+    }
+
+    openAbortModal() {
+        this.$refs.modal_abort_signing.open()
+    }
+
+    confirm() {
+        let isValid = this.formCheck()
+        if (!isValid) return
+
+        this.formOrders = [...this.orders]
+        this.formNftOrders = [...this.nftOrders]
+        this.formAddress = this.addressIn
+        this.formMemo = this.memo
+
+        this.isConfirm = true
+    }
+
+    cancelConfirm() {
+        this.err = ''
+        this.formMemo = ''
+        this.formOrders = []
+        this.formNftOrders = []
+        this.formAddress = ''
+        this.isConfirm = false
+    }
+
+    updateTxList(data: ITransaction[]) {
+        this.orders = data
+    }
+
+    updateNftList(val: UTXO[]) {
+        this.nftOrders = val
+    }
+
+    formCheck() {
+        this.formErrors = []
+        let err = []
+
+        let addr = this.addressIn
+
+        let chain = addr.split('-')
+
+        if (chain[0] !== this.formType[0]) {
+            err.push(`Invalid address. You can only send to other ${this.formType} addresses.`)
+        }
+
+        if (!isValidAddress(addr)) {
+            err.push('Invalid address.')
+        }
+
+        let memo = this.memo
+        if (this.memo) {
+            let buff = Buffer.from(memo)
+            let size = buff.length
+            if (size > 256) {
+                err.push('You can have a maximum of 256 characters in your memo.')
+            }
+
+            // Make sure memo isnt mnemonic
+            let isMnemonic = bip39.validateMnemonic(memo)
+            if (isMnemonic) {
+                err.push('You should not put a mnemonic phrase into the Memo field.')
+            }
+        }
+
+        // Make sure to address matches the bech32 network hrp
+        let hrp = ava.getHRP()
+        if (!addr.includes(hrp)) {
+            err.push('Not a valid address for this network.')
+        }
+
+        this.formErrors = err
+        if (err.length === 0) {
+            // this.send();
+            return true
+        } else {
+            return false
+        }
+    }
+
+    startAgain() {
+        this.clearForm()
+
+        this.txId = ''
+        this.isSuccess = false
+        this.isAborted = false
+        this.cancelConfirm()
+
+        this.orders = []
+        this.nftOrders = []
+        this.formOrders = []
+        this.formNftOrders = []
+    }
+
+    clearForm() {
+        if (!this.pendingSendMultisigTX || this.formType !== 'P') {
+            this.addressIn = ''
+            this.memo = ''
+        }
+
+        // Clear transactions list
+        this.$refs.txList.reset()
+
+        // Clear NFT list
+        if (this.hasNFT) {
+            this.$refs.nftList.clear()
+        }
+    }
+
+    async onSuccess(tx: string) {
+        this.isAjax = false
+        this.isSuccess = true
+        this.txId = tx
+        if (tx) {
+            this.helpers.dispatchNotification({
+                message: this.$t('notifications.transfer_success_msg'),
+                type: 'success',
+            })
+            // Update the user's balance
+            this.$store.dispatch('Assets/updateUTXOs').then(() => {
+                this.updateSendAgainLock()
+            })
+            setTimeout(() => this.$store.dispatch('History/updateTransactionHistory'), 3000)
+        } else this.canSendAgain = true
+    }
+
+    updateSendAgainLock() {
+        if (!this.wallet.isFetchUtxos) {
+            this.$store.dispatch('History/updateTransactionHistory')
+            this.canSendAgain = true
+        } else {
+            setTimeout(() => {
+                this.updateSendAgainLock()
+            }, 1000)
+        }
+    }
+
+    onError(err: any) {
+        this.err = err
+        this.isAjax = false
+        this.helpers.dispatchNotification({
+            message: this.$t('notifications.transfer_error_msg'),
+            type: 'error',
+        })
+    }
+    @Watch('formType', { immediate: true })
+    @Watch('activeWallet', { immediate: true })
+    @Watch('activeNetwork')
+    updateDetails() {
+        if (this.isMultiSig && this.formType === 'P') this.updateMultisigTxDetails()
+        else {
+            this.memo = ''
+            this.addressIn = ''
+            this.pendingTxAmount = new BN(0).toLocaleString()
+        }
+    }
+
+    get activeNetwork(): null | AvaNetwork {
+        return this.$store?.state?.Network?.selectedNetwork
+    }
+
+    async refresh() {
+        if (!this.isMultiSig) return
+        await this.$store.dispatch('Signavault/updateTransaction')
+        this.updateMultisigTxDetails()
+        if (!this.pendingSendMultisigTX) {
+            this.$refs.txList.reset()
+            this.err = ''
+            this.isConfirm = false
+            this.memo = ''
+            this.addressIn = ''
+        }
+    }
+    get pendingSendMultisigTX(): SignavaultTx | undefined {
+        return this.$store.getters['Signavault/transactions'].find(
+            (item: SignavaultTx) =>
+                item?.tx?.alias === this.wallet?.getStaticAddress('P') &&
+                WalletHelper.getUnsignedTxType(item?.tx?.unsignedTx) === 'BaseTx'
+        )
+    }
+
+    get txOwners() {
+        return this.pendingSendMultisigTX?.tx?.owners ?? []
+    }
+
+    get activeWallet(): MultisigWallet {
+        return this.$store.state.activeWallet
+    }
+
+    async signMultisigTx() {
+        const wallet = this.activeWallet
+        if (!wallet || !(wallet instanceof MultisigWallet))
+            return console.debug('MultiSigTx::sign: Invalid wallet')
+        if (!this.pendingSendMultisigTX) return console.debug('MultiSigTx::sign: Invalid Tx')
+        try {
+            await wallet.addSignatures(this.pendingSendMultisigTX?.tx)
+            this.helpers.dispatchNotification({
+                message: 'Your signature saved successfully!',
+                type: 'success',
+            })
+            this.$store.dispatch('Signavault/updateTransaction')
+        } catch (e: any) {
+            this.helpers.dispatchNotification({
+                message: 'Your signature is not saved.',
+                type: 'error',
+            })
+        }
+    }
+    get isMultiSig(): boolean {
+        return this.wallet instanceof MultisigWallet
+    }
+    async issueMultisigTx() {
+        const wallet = this.activeWallet
+        if (!wallet || !(wallet instanceof MultisigWallet))
+            return console.log('MultiSigTx::sign: Invalid wallet')
+        if (!this.pendingSendMultisigTX) return console.log('MultiSigTx::sign: Invalid Tx')
+        try {
+            let txID = await wallet.issueExternal(this.pendingSendMultisigTX?.tx)
+            this.isConfirm = true
+            this.updateMultisigTxDetails()
+            await this.onSuccess(txID)
+        } catch (e: any) {
+            this.helpers.dispatchNotification({
+                message: this.$t('notifications.execute_multisig_transaction_error'),
+                type: 'error',
+            })
+        }
+    }
+
+    async cancelMultisigTx() {
+        try {
+            const wallet = this.wallet as MultisigWallet
+            if (this.pendingSendMultisigTX) {
+                // cancel from the wallet
+                await wallet.cancelExternal(this.pendingSendMultisigTX?.tx)
+                this.helpers.dispatchNotification({
+                    message: this.$t('transfer.multisig.transaction_aborted'),
+                    type: 'success',
+                })
+                this.isAborted = true
+                this.updateMultisigTxDetails()
+            }
+        } catch (err) {
+            console.log(err)
+            this.helpers.dispatchNotification({
+                message: this.$t('transfer.multisig.cancel_transaction_failed'),
+                type: 'error',
+            })
+        }
+    }
+
+    get disableSignButton(): boolean {
+        let isSigned = false
+        this.txOwners.forEach((owner) => {
+            if (
+                this.activeWallet.wallets.find((w) => w?.getAllAddressesP()?.[0] === owner.address)
+            ) {
+                if (owner.signature) isSigned = true
+            }
+        })
+        return isSigned
+    }
+    get canExecuteMultisigTx(): boolean {
+        let signers = 0
+        let threshold = this.pendingSendMultisigTX?.tx?.threshold
+        this.txOwners.forEach((owner) => {
+            if (owner.signature) signers++
+        })
+        if (threshold) return signers >= threshold
+        return false
+    }
+    async updateMultisigTxDetails() {
+        this.isMultiSigErr = false
+        if (this.formType !== 'P') return
+        await this.$store.dispatch('Assets/updateUTXOs')
+        await this.$store.dispatch('Signavault/updateTransaction')
+        if (this.pendingSendMultisigTX) {
+            let unsignedTx = new UnsignedTx()
+            unsignedTx.fromBuffer(Buffer.from(this.pendingSendMultisigTX.tx?.unsignedTx, 'hex'))
+            const utx = unsignedTx.getTransaction()
+            this.memo = utx.getMemo().toString()
+            let t: ITransactionData = parse([this.pendingSendMultisigTX])[0]
+            let { tokens } = getTransactionSummary(t, this.$store.state.activeWallet as WalletType)
+            for (var assetId in tokens) {
+                if (tokens[assetId].addresses[0])
+                    this.addressIn = `P-${tokens[assetId].addresses[0]}`
+                else this.addressIn = this.wallet.getStaticAddress('P')
+                this.pendingTxAmount = bnToBig(
+                    tokens[assetId].amount.add(new BN(t.txFee)).abs(),
+                    9
+                ).toLocaleString()
+            }
+        } else {
+            this.pendingTxAmount = ''
+            if (this.isAborted) this.startAgain()
+        }
+    }
+
+    submit() {
+        this.isAjax = true
+        this.err = ''
+
+        let sumArray: (ITransaction | UTXO)[] = [...this.formOrders, ...this.formNftOrders]
+
+        let txList: IssueBatchTxInput = {
+            chainId: this.formType,
+            toAddress: this.formAddress,
+            memo: Buffer.from(this.formMemo),
+            orders: sumArray,
+        }
+
+        this.$store
+            .dispatch('issueBatchTx', txList)
+            .then((res) => {
+                this.canSendAgain = false
+                this.waitTxConfirm(res)
+                this.txId = res
+            })
+            .catch((err) => {
+                if (err instanceof SignatureError) {
+                    let { dispatchNotification } = this.globalHelper()
+                    this.$store.dispatch('Assets/updateUTXOs')
+                    this.$store.dispatch('Signavault/updateTransaction').then(() => {
+                        this.$store.dispatch('updateBalances')
+                        dispatchNotification({
+                            message: this.$t('notifications.transfer_success_msg'),
+                            type: 'success',
+                        })
+                        this.txState = TxState.success
+                        this.isAjax = false
+                        this.isMultiSigErr = true
+                    })
+                } else this.onError(err)
+            })
+    }
+
+    async waitTxConfirm(txId: string) {
+        let status =
+            this.formType === 'P'
+                ? await ava.PChain().getTxStatus(txId)
+                : await ava.XChain().getTxStatus(txId)
+
+        if (status === 'Unknown' || status === 'Processing') {
+            // if not confirmed ask again
+            setTimeout(() => {
+                this.waitTxConfirm(txId)
+            }, 500)
+            return false
+        } else if (status === 'Dropped') {
+            // If dropped stop the process
+            this.txState = TxState.failed
+            return false
+        } else {
+            // If success display success page
+            this.txState = TxState.success
+            this.onSuccess(txId)
+        }
+    }
+
+    get networkStatus(): string {
+        let stat = this.$store.state.Network.status
+        return stat
+    }
+
+    get hasNFT(): boolean {
+        return this.formType === 'X' && this.$store.state.Assets.nftUTXOs.length > 0
+    }
+
+    get faucetLink() {
+        let link = process.env.VUE_APP_FAUCET_LINK
+        if (link) return link
+        return null
+    }
+    get canSend() {
+        if (!this.addressIn) return false
+
+        if (
+            this.orders.length > 0 &&
+            this.totalTxSize.eq(new BN(0)) &&
+            this.nftOrders.length === 0
+        ) {
+            return false
+        }
+
+        if (this.orders.length === 0 && this.nftOrders.length === 0) return false
+
+        return true
+    }
+    get totalTxSize() {
+        let res = new BN(0)
+        for (var i = 0; i < this.orders.length; i++) {
+            let order = this.orders[i]
+            if (order.amount) {
+                res = res.add(this.orders[i].amount)
+            }
+        }
+
+        return res
+    }
+    get avaxTxSize() {
+        let res = new BN(0)
+        for (var i = 0; i < this.orders.length; i++) {
+            let order = this.orders[i]
+            if (!order.asset) continue
+            if (order.amount && order.asset.id === this.avaxAsset.id) {
+                res = res.add(this.orders[i].amount)
+            }
+        }
+
+        return res
+    }
+    get avaxAsset(): AvaAsset {
+        return this.$store.getters['Assets/AssetAVA']
+    }
+
+    get wallet(): WalletType {
+        return this.$store.state.activeWallet
+    }
+
+    get txFee(): BN {
+        return this.formType === 'P' ? ava.PChain().getTxFee() : ava.XChain().getTxFee()
+    }
+
+    get txFeeBig(): Big {
+        return bnToBig(this.txFee, 9)
+    }
+
+    get totalUSD(): Big {
+        let totalAsset = this.avaxTxSize.add(this.txFee)
+        let bigAmt = bnToBig(totalAsset, 9)
+        let usdPrice = this.priceDict.usd
+        let usdBig = bigAmt.times(usdPrice)
+        return usdBig
+    }
+
+    get addresses() {
+        return this.$store.state.addresses
+    }
+
+    get priceDict(): priceDict {
+        return this.$store.state.prices
+    }
+
+    get nftUTXOs(): UTXO[] {
+        return this.$store.state.Assets.nftUTXOs
+    }
+
+    get nativeAssetSymbol(): string {
+        return this.$store.getters['Assets/AssetAVA']?.symbol ?? ''
+    }
+
+    deactivated() {
+        this.startAgain()
+    }
+
+    activated() {
+        this.clearForm()
+
+        if (this.$route.query.chain) {
+            let chain = this.$route.query.chain as ChainIdType
+            if (['P', 'X', 'C'].includes(chain)) this.formType = chain
+        }
+
+        if (this.$route.query.nft) {
+            let utxoId = this.$route.query.nft as string
+            let target = this.nftUTXOs.find((el) => {
+                return el.getUTXOID() === utxoId
+            })
+
+            if (target) {
+                this.$refs.nftList.addNft(target)
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+@use '../../../styles/abstracts/mixins';
+.multi-sig__container {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+.advanced_panel {
+    .v-expansion-panel-header {
+        padding: 0;
+        @include mixins.typography-caption;
+        color: #2c3e50;
+        min-height: auto !important;
+        margin-bottom: 10px;
+    }
+    .v-expansion-panel-content__wrap {
+        padding: 0 !important;
+    }
+
+    .v-icon {
+        @include mixins.typography-caption;
+    }
+}
+</style>
+<style scoped lang="scss">
+@use '../../../styles/abstracts/mixins';
+
+$padLeft: 24px;
+$padTop: 8px;
+
+.pending {
+    color: var(--primary-color-light) !important;
+}
+
+.disconnected {
+    padding: 30px;
+    text-align: center;
+    background-color: var(--bg-light);
+}
+
+.explain {
+    @include mixins.typography-caption;
+    color: var(--primary-color-light);
+}
+h1 {
+    font-weight: normal;
+}
+h4 {
+    display: block;
+    text-align: left;
+    @include mixins.typography-caption;
+    font-weight: bold;
+    margin: 12px 0;
+}
+
+.send_to {
+    display: flex;
+    margin-bottom: 10px;
+}
+
+.addressIn >>> input {
+    color: var(--bg) !important;
+    padding: 5px 6px !important;
+    text-align: center;
+    letter-spacing: 2px;
+    @include mixins.typography-caption;
+}
+
+.addressIn >>> input::-webkit-input-placeholder {
+    color: var(--primary-color-light) !important;
+}
+
+.addressIn .v-input__slot:before {
+    display: none;
+}
+
+.readerBut {
+    margin-top: 4px;
+    display: flex;
+    background-color: #404040;
+}
+.readerBut button {
+    opacity: 0.6;
+    outline: none;
+    padding: 6px 12px;
+    margin: 0px auto;
+}
+.readerBut:hover button {
+    opacity: 1;
+}
+
+.memo {
+    @include mixins.typography-caption;
+    background-color: var(--bg-light);
+    resize: none;
+    width: 100%;
+    height: 80px;
+    border-radius: var(--border-radius-sm);
+    padding: 4px 12px;
+}
+
+.radio_buttons {
+    margin-top: 15px;
+}
+
+.tx_info {
+    text-align: left;
+    @include mixins.typography-caption;
+}
+
+.new_order_Form {
+    display: grid;
+    grid-template-columns: 1fr 1fr 300px;
+    column-gap: 45px;
+}
+
+.new_order_Form > div {
+    margin-bottom: 15px;
+}
+
+.lists {
+    border-right: 1px solid var(--bg-light);
+    grid-column: 1/3;
+}
+
+.tx_list {
+    margin-bottom: 14px;
+}
+
+.fees {
+    margin: 14px 0;
+    border-top: 1px solid var(--bg-light);
+    padding-top: 14px;
+}
+
+.fees p {
+    text-align: left;
+    @include mixins.typography-caption;
+    color: var(--primary-color-light);
+}
+
+.fees span {
+    float: right;
+}
+
+label {
+    color: var(--primary-color-light);
+    @include mixins.typography-caption;
+    font-weight: bold;
+    margin: 2px 0 !important;
+}
+
+.faucet {
+    margin-top: 20px;
+}
+
+.advanced {
+    padding: 20px 0px !important;
+    margin-bottom: 20px;
+}
+
+.advanced .advancedBody {
+    transition-duration: 0.2s;
+}
+
+.err_list {
+    @include mixins.typography-caption;
+    color: var(--error);
+    margin: 6px 0;
+}
+
+.checkout {
+    margin-top: 14px;
+}
+
+.confirm_val {
+    background-color: var(--bg-light);
+    word-break: break-all;
+    padding: 8px 16px;
+}
+
+@include mixins.medium-device {
+    .new_order_Form {
+        grid-template-columns: 1fr 1fr 220px;
+        column-gap: 25px;
+    }
+}
+
+@include mixins.mobile-device {
+    .transfer_card {
+        display: block;
+        grid-template-columns: none;
+    }
+
+    .but_primary {
+        width: 100%;
+    }
+
+    .new_order_Form {
+        display: block;
+        grid-template-columns: none;
+    }
+
+    .tx_list {
+        padding: 0;
+        border: none;
+    }
+
+    .lists {
+        border: none;
+    }
+}
+</style>
diff --git a/src/components/wallet/transfer/types.ts b/src/components/wallet/transfer/types.ts
index b6ec01224..e3bd9bd7f 100644
--- a/src/components/wallet/transfer/types.ts
+++ b/src/components/wallet/transfer/types.ts
@@ -17,3 +17,8 @@ export interface ICurrencyInputDropdownValue {
     asset: AvaAsset | null
     amount: BN
 }
+
+export interface BulkOrder {
+    address: string
+    amount: BN
+}
diff --git a/src/helpers/wallet_helper.ts b/src/helpers/wallet_helper.ts
index 1fd7bd00b..d2f5e9a61 100644
--- a/src/helpers/wallet_helper.ts
+++ b/src/helpers/wallet_helper.ts
@@ -1,5 +1,6 @@
 import { ava, bintools } from '@/AVA'
 import {
+    buildBulkTransfer,
     buildCreateNftFamilyTx,
     buildEvmTransferERCNftTx,
     buildEvmTransferErc20Tx,
@@ -10,7 +11,7 @@ import { WalletType } from '@/js/wallets/types'
 import { AmountOutput } from '@c4tplatform/caminojs/dist/apis/avm'
 import { UnsignedTx } from '@c4tplatform/caminojs/dist/apis/platformvm'
 
-import { ITransaction } from '@/components/wallet/transfer/types'
+import { BulkOrder, ITransaction } from '@/components/wallet/transfer/types'
 import { BN, Buffer } from '@c4tplatform/caminojs/dist'
 import { UTXO as AVMUTXO } from '@c4tplatform/caminojs/dist/apis/avm/utxos'
 import {
@@ -36,6 +37,7 @@ import { GetValidatorsResponse } from '@/store/modules/platform/types'
 import { MultisigAliasParams } from '@c4tplatform/caminojs/dist/apis/platformvm'
 import { OutputOwners, SignatureError } from '@c4tplatform/caminojs/dist/common'
 import { ModelDepositOfferSig } from '@c4tplatform/signavaultjs'
+import AvaAsset from '@/js/AvaAsset'
 class WalletHelper {
     static async getStake(wallet: WalletType): Promise<BN> {
         let addrs = wallet.getAllAddressesP()
@@ -116,6 +118,27 @@ class WalletHelper {
         return txId
     }
 
+    static async issueBulkTx(
+        wallet: WalletType,
+        asset: AvaAsset,
+        orders: BulkOrder[],
+        memo: Buffer | undefined
+    ): Promise<string> {
+        const fromAddresses = wallet.getAllAddressesX()
+        const changeAddress = wallet.getChangeAddressAvm()
+
+        let unsignedTx = buildBulkTransfer(
+            fromAddresses,
+            [changeAddress],
+            wallet.getUTXOSet(),
+            orders,
+            asset,
+            memo
+        )
+        const tx = await wallet.signX(unsignedTx)
+        return await ava.XChain().issueTx(tx)
+    }
+
     static async validate(
         wallet: WalletType,
         nodeID: string,
diff --git a/src/js/TxHelper.ts b/src/js/TxHelper.ts
index 3c6d22dba..928576ecd 100644
--- a/src/js/TxHelper.ts
+++ b/src/js/TxHelper.ts
@@ -1,5 +1,5 @@
 import { ava, bintools } from '@/AVA'
-import { ITransaction } from '@/components/wallet/transfer/types'
+import { BulkOrder, ITransaction } from '@/components/wallet/transfer/types'
 import { BN, Buffer } from '@c4tplatform/caminojs/dist'
 import {
     AssetAmountDestination,
@@ -13,6 +13,7 @@ import {
     UTXOSet,
     UTXOSet as AVMUTXOSet,
     AVMConstants,
+    SECPTransferOutput,
 } from '@c4tplatform/caminojs/dist/apis/avm'
 
 import { PayloadBase } from '@c4tplatform/caminojs/dist/utils'
@@ -26,6 +27,8 @@ import ERCNftToken from '@/js/ERCNftToken'
 import { Transaction } from '@ethereumjs/tx'
 import { Chain, Common, Hardfork } from '@ethereumjs/common'
 import Erc20Token from '@/js/Erc20Token'
+import AvaAsset from './AvaAsset'
+import { ZeroBN } from '@/constants'
 
 export async function buildUnsignedTransaction(
     orders: (ITransaction | AVMUTXO)[],
@@ -153,6 +156,59 @@ export async function buildUnsignedTransaction(
     return unsignedTx
 }
 
+export function buildBulkTransfer(
+    from: string[],
+    change: string[],
+    utxoset: AVMUTXOSet,
+    orders: BulkOrder[],
+    asset: AvaAsset,
+    memo?: Buffer
+): AVMUnsignedTx {
+    const fromAddrs: Buffer[] = from.map((val) => bintools.parseAddress(val, 'X'))
+    const changeAddrs: Buffer[] = change.map((val) => bintools.parseAddress(val, 'X'))
+
+    const aad: AssetAmountDestination = new AssetAmountDestination([], 0, fromAddrs, changeAddrs, 1)
+    const assetId = bintools.cb58Decode(asset.id)
+    const avaAsset = ava.getNetwork().X.avaxAssetID
+
+    // Collect outputs
+    let amount = ZeroBN
+    orders.forEach((o) => (amount = amount.add(o.amount)))
+    const fee = ava.XChain().getTxFee()
+
+    if (asset.id === avaAsset) {
+        aad.addAssetAmount(assetId, amount, fee)
+    } else {
+        aad.addAssetAmount(assetId, amount, ZeroBN)
+        aad.addAssetAmount(bintools.cb58Decode(avaAsset), ZeroBN, fee)
+    }
+
+    const success: Error = utxoset.getMinimumSpendable(aad)
+
+    let ins: TransferableInput[] = []
+    let outs: TransferableOutput[] = []
+    if (typeof success === 'undefined') {
+        ins = aad.getInputs()
+        outs = aad.getChangeOutputs()
+    } else {
+        throw success
+    }
+
+    // Build the other outputs
+    orders.forEach((v) => {
+        const addr = bintools.parseAddress(v.address, 'X')
+        outs.push(
+            new TransferableOutput(assetId, new SECPTransferOutput(v.amount, [addr], ZeroBN, 1))
+        )
+    })
+
+    let networkId: number = ava.getNetworkID()
+    let chainId: Buffer = bintools.cb58Decode(ava.XChain().getBlockchainID())
+
+    const baseTx = new BaseTx(networkId, chainId, outs, ins, memo)
+
+    return new AVMUnsignedTx(baseTx)
+}
 export async function buildCreateNftFamilyTx(
     name: string,
     symbol: string,
diff --git a/src/locales/en.json b/src/locales/en.json
index ca24eb29e..03d73bb00 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -189,7 +189,10 @@
                 "label1": "Transaction Hash"
             },
             "reset": "New Transaction"
-        }
+        },
+        "transfer": "Transfer",
+        "receivers": "Receivers and Amounts",
+        "airdrop": "Airdrop"
     },
     "cross_chain": {
         "title": "Cross Chain",
@@ -579,6 +582,11 @@
                 "deposit_amount": "Deposit Amount",
                 "deposited_amount": "Deposited Amount"
             },
+            "pending_rewards": {
+                "title": "Expired deposit rewards",
+                "description": "At least one deposit has already expired without claiming the full amount of rewards. You can still claim the rewards here.",
+                "pending_reward": "Pending Reward"
+            },
             "claim_modal": {
                 "are_you_sure": "Are you sure you want to claim {amount} {symbol} rewards?",
                 "note_message": "Transaction fee:  {fee} {symbol}.",
diff --git a/src/views/wallet/Earn.vue b/src/views/wallet/Earn.vue
index 0a36435f7..c38ec80ef 100644
--- a/src/views/wallet/Earn.vue
+++ b/src/views/wallet/Earn.vue
@@ -10,7 +10,7 @@
                     {{ $t('earn.rewards.active_earning.title') }}
                 </button>
             </div>
-            <div class="refresh" v-if="tab === 'actine_earning'">
+            <div class="refresh">
                 <Spinner v-if="loadingRefreshDepositRewards" class="spinner"></Spinner>
                 <button v-else @click="refresh">
                     <v-icon>mdi-refresh</v-icon>
diff --git a/src/views/wallet/Transfer.vue b/src/views/wallet/Transfer.vue
index 7f6126230..a1e696f8e 100644
--- a/src/views/wallet/Transfer.vue
+++ b/src/views/wallet/Transfer.vue
@@ -1,775 +1,86 @@
 <template>
     <div class="transfer_card">
-        <!--        <h1>{{ $t('transfer.title') }}</h1>-->
+        <div class="header">
+            <h2>{{ $t('transfer.title') }}</h2>
+            <div class="tab">
+                <button class="tab_btn" @click="tab = 'transfer'" :active="tab === `transfer`">
+                    {{ $t('transfer.transfer') }}
+                </button>
+                <button class="tab_btn" @click="tab = 'airdrop'" :active="tab === `airdrop`">
+                    {{ $t('transfer.airdrop') }}
+                </button>
+            </div>
+        </div>
         <div v-if="networkStatus !== 'connected'" class="disconnected">
             <p>{{ $t('transfer.disconnected') }}</p>
         </div>
-        <div class="card_body" v-else>
-            <FormC v-show="formType === 'C'">
-                <ChainInput v-model="formType" :disabled="isConfirm"></ChainInput>
-            </FormC>
-            <div class="new_order_Form" v-show="formType !== 'C'">
-                <div class="lists">
-                    <ChainInput
-                        @refresh="refresh"
-                        v-model="formType"
-                        :disabled="isConfirm"
-                    ></ChainInput>
-                    <div>
-                        <tx-list
-                            class="tx_list"
-                            ref="txList"
-                            @change="updateTxList"
-                            :disabled="isConfirm"
-                            :chainId="formType"
-                            :pendingTxAmount="pendingTxAmount"
-                        ></tx-list>
-                        <template v-if="hasNFT">
-                            <NftList
-                                @change="updateNftList"
-                                ref="nftList"
-                                :disabled="isConfirm"
-                            ></NftList>
-                        </template>
-                    </div>
-                </div>
-                <div>
-                    <div class="to_address">
-                        <h4>{{ $t('transfer.to') }}</h4>
-                        <qr-input
-                            v-model="addressIn"
-                            :class="[
-                                'qrIn',
-                                'hover_border',
-                                { pending: !!pendingSendMultisigTX && formType === 'P' },
-                            ]"
-                            style="padding: 0"
-                            placeholder="xxx"
-                            :disabled="isConfirm || (!!pendingSendMultisigTX && formType === 'P')"
-                        ></qr-input>
-                    </div>
-                    <div>
-                        <!-- <template v-if="isConfirm && formMemo.length > 0">
-                            <h4>Memo (Optional)</h4>
-                            <p class="confirm_val">{{ formMemo }}</p>
-                        </template> -->
-                        <h4>{{ $t('transfer.memo') }}</h4>
-                        <textarea
-                            :class="[
-                                'memo',
-                                { pending: !!pendingSendMultisigTX && formType === 'P' },
-                            ]"
-                            maxlength="256"
-                            :placeholder="pendingSendMultisigTX ? '' : 'Memo'"
-                            v-model="memo"
-                            :disabled="isConfirm || (!!pendingSendMultisigTX && formType === 'P')"
-                        ></textarea>
-                    </div>
-                    <div class="fees">
-                        <p>
-                            {{ $t('transfer.fee_tx') }}
-                            <span>{{ txFeeBig.toLocaleString(9) }} {{ nativeAssetSymbol }}</span>
-                        </p>
-                    </div>
-                    <div class="checkout">
-                        <ul class="err_list" v-if="formErrors.length > 0">
-                            <li v-for="err in formErrors" :key="err">
-                                {{ err }}
-                            </li>
-                        </ul>
-                        <template v-if="!isConfirm && !pendingSendMultisigTX">
-                            <v-btn
-                                depressed
-                                class="button_primary"
-                                :ripple="false"
-                                @click="confirm"
-                                :disabled="!canSend"
-                                block
-                            >
-                                {{ $t('transfer.c_chain.confirm') }}
-                            </v-btn>
-                        </template>
-                        <template v-else-if="pendingSendMultisigTX && formType === 'P'">
-                            <div class="multi-sig__container">
-                                <v-btn
-                                    v-if="canExecuteMultisigTx"
-                                    depressed
-                                    class="button_secondary"
-                                    @click="issueMultisigTx"
-                                >
-                                    {{ $t('transfer.multisig.execute_transaction') }}
-                                </v-btn>
-                                <v-btn
-                                    v-else
-                                    class="button_secondary"
-                                    @click="signMultisigTx"
-                                    depressed
-                                    :disabled="disableSignButton"
-                                >
-                                    {{ $t('transfer.multisig.sign_transaction') }}
-                                </v-btn>
-                                <v-btn
-                                    depressed
-                                    class="button_primary"
-                                    :ripple="false"
-                                    @click="openAbortModal"
-                                    block
-                                >
-                                    {{ $t('transfer.multisig.abort_transaction') }}
-                                </v-btn>
-                            </div>
-                        </template>
-                        <template v-else-if="isConfirm && !isSuccess && !pendingSendMultisigTX">
-                            <template v-if="!isMultiSigErr">
-                                <p class="err">{{ err }}</p>
-                                <v-btn
-                                    depressed
-                                    class="button_primary"
-                                    :loading="isAjax"
-                                    :ripple="false"
-                                    @click="submit"
-                                    :disabled="!canSend"
-                                    block
-                                >
-                                    {{ $t('transfer.send') }}
-                                </v-btn>
-                                <v-btn
-                                    text
-                                    block
-                                    small
-                                    style="margin-top: 20px !important; color: var(--primary-color)"
-                                    @click="cancelConfirm"
-                                >
-                                    {{ $t('misc.cancel') }}
-                                </v-btn>
-                            </template>
-                        </template>
-                        <template v-else-if="isSuccess">
-                            <p data-cy="transfer-tx-status" style="color: var(--success)">
-                                <fa icon="check-circle"></fa>
-                                {{ $t('transfer.success_title') }}
-                            </p>
-                            <label style="word-break: break-all">
-                                <b>ID:</b>
-                                {{ txId }}
-                            </label>
-                            <v-btn
-                                depressed
-                                style="margin-top: 14px"
-                                class="button_primary"
-                                :ripple="false"
-                                @click="startAgain"
-                                block
-                                :disabled="!canSendAgain"
-                            >
-                                {{ $t('transfer.c_chain.reset') }}
-                            </v-btn>
-                        </template>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <ModalAbortSigning
-            ref="modal_abort_signing"
-            :title="$t('transfer.multisig.abort_transaction')"
-            :modalText="$t('earn.rewards.abort_modal.message')"
-            @cancelTx="cancelMultisigTx"
-        />
+        <template v-else>
+            <transition name="fade" mode="out-in">
+                <TransferCard v-if="tab === 'transfer'"></TransferCard>
+                <BulkCard v-else></BulkCard>
+            </transition>
+        </template>
     </div>
 </template>
 <script lang="ts">
 import 'reflect-metadata'
-import { Component, Vue, Watch } from 'vue-property-decorator'
-
-import ModalAbortSigning from '@/components/wallet/earn/ModalAbortSigning.vue'
-import TxList from '@/components/wallet/transfer/TxList.vue'
-import Big from 'big.js'
-
-import NftList from '@/components/wallet/transfer/NftList.vue'
-
-//@ts-ignore
-import FaucetLink from '@/components/misc/FaucetLink.vue'
-import FormC from '@/components/wallet/transfer/FormC.vue'
-import TxSummary from '@/components/wallet/transfer/TxSummary.vue'
-import { ITransaction } from '@/components/wallet/transfer/types'
-import { ChainIdType } from '@/constants'
-import { bnToBig } from '@/helpers/helper'
-import { WalletHelper } from '@/helpers/wallet_helper'
-import { AvaNetwork } from '@/js/AvaNetwork'
-import { WalletType } from '@/js/wallets/types'
-import { IssueBatchTxInput, priceDict } from '@/store/types'
-import { BN, Buffer } from '@c4tplatform/caminojs/dist'
-import { UTXO } from '@c4tplatform/caminojs/dist/apis/avm'
-import { QrInput } from '@c4tplatform/vue_components'
-import * as bip39 from 'bip39'
-import { ava, isValidAddress } from '../../AVA'
+import { Vue, Component } from 'vue-property-decorator'
 
-import { TxState } from '@/components/wallet/earn/ChainTransfer/types'
-import ChainInput from '@/components/wallet/transfer/ChainInput.vue'
-import { MultisigWallet } from '@/js/wallets/MultisigWallet'
-import { MultisigTx as SignavaultTx } from '@/store/modules/signavault/types'
-import { UnsignedTx } from '@c4tplatform/caminojs/dist/apis/platformvm'
-import { SignatureError } from '@c4tplatform/caminojs/dist/common'
-import AvaAsset from '../../js/AvaAsset'
-
-import { getTransactionSummary } from '@/helpers/history_helper'
-import { parse } from '@/store/modules/history/history_utils'
-import { ITransactionData } from '@/store/modules/history/types'
+import BulkCard from '@/components/wallet/transfer/BulkTransfer.vue'
+import TransferCard from '@/components/wallet/transfer/Transfer.vue'
 
 @Component({
     components: {
-        FaucetLink,
-        TxList,
-        QrInput,
-        NftList,
-        TxSummary,
-        FormC,
-        ChainInput,
-        ModalAbortSigning,
+        BulkCard,
+        TransferCard,
     },
 })
 export default class Transfer extends Vue {
-    formType: ChainIdType = 'P'
-    showAdvanced: boolean = false
-    isAjax: boolean = false
-    addressIn: string = ''
-    memo: string = ''
-    orders: ITransaction[] = []
-    nftOrders: UTXO[] = []
-    formErrors: string[] = []
-    err = ''
-    isMultiSigErr = false
-    pendingTxAmount? = ''
-
-    formAddress: string = ''
-    formOrders: ITransaction[] = []
-    formNftOrders: UTXO[] = []
-    formMemo = ''
-
-    isConfirm = false
-    isSuccess = false
-    isAborted = false
-    txId = ''
-
-    canSendAgain = false
-    txState: TxState | null = null
-
-    helpers = this.globalHelper()
-
-    $refs!: {
-        txList: TxList
-        nftList: NftList
-        modal_abort_signing: ModalAbortSigning
-    }
-
-    openAbortModal() {
-        this.$refs.modal_abort_signing.open()
-    }
-
-    confirm() {
-        let isValid = this.formCheck()
-        if (!isValid) return
-
-        this.formOrders = [...this.orders]
-        this.formNftOrders = [...this.nftOrders]
-        this.formAddress = this.addressIn
-        this.formMemo = this.memo
-
-        this.isConfirm = true
-    }
-
-    cancelConfirm() {
-        this.err = ''
-        this.formMemo = ''
-        this.formOrders = []
-        this.formNftOrders = []
-        this.formAddress = ''
-        this.isConfirm = false
-    }
-
-    updateTxList(data: ITransaction[]) {
-        this.orders = data
-    }
-
-    updateNftList(val: UTXO[]) {
-        this.nftOrders = val
-    }
-
-    formCheck() {
-        this.formErrors = []
-        let err = []
-
-        let addr = this.addressIn
-
-        let chain = addr.split('-')
-
-        if (chain[0] !== this.formType[0]) {
-            err.push(`Invalid address. You can only send to other ${this.formType} addresses.`)
-        }
-
-        if (!isValidAddress(addr)) {
-            err.push('Invalid address.')
-        }
-
-        let memo = this.memo
-        if (this.memo) {
-            let buff = Buffer.from(memo)
-            let size = buff.length
-            if (size > 256) {
-                err.push('You can have a maximum of 256 characters in your memo.')
-            }
-
-            // Make sure memo isnt mnemonic
-            let isMnemonic = bip39.validateMnemonic(memo)
-            if (isMnemonic) {
-                err.push('You should not put a mnemonic phrase into the Memo field.')
-            }
-        }
-
-        // Make sure to address matches the bech32 network hrp
-        let hrp = ava.getHRP()
-        if (!addr.includes(hrp)) {
-            err.push('Not a valid address for this network.')
-        }
-
-        this.formErrors = err
-        if (err.length === 0) {
-            // this.send();
-            return true
-        } else {
-            return false
-        }
-    }
-
-    startAgain() {
-        this.clearForm()
-
-        this.txId = ''
-        this.isSuccess = false
-        this.isAborted = false
-        this.cancelConfirm()
-
-        this.orders = []
-        this.nftOrders = []
-        this.formOrders = []
-        this.formNftOrders = []
-    }
-
-    clearForm() {
-        if (!this.pendingSendMultisigTX || this.formType !== 'P') {
-            this.addressIn = ''
-            this.memo = ''
-        }
-
-        // Clear transactions list
-        this.$refs.txList.reset()
-
-        // Clear NFT list
-        if (this.hasNFT) {
-            this.$refs.nftList.clear()
-        }
-    }
-
-    async onSuccess(tx: string) {
-        this.isAjax = false
-        this.isSuccess = true
-        this.txId = tx
-        if (tx) {
-            this.helpers.dispatchNotification({
-                message: this.$t('notifications.transfer_success_msg'),
-                type: 'success',
-            })
-            // Update the user's balance
-            this.$store.dispatch('Assets/updateUTXOs').then(() => {
-                this.updateSendAgainLock()
-            })
-            setTimeout(() => this.$store.dispatch('History/updateTransactionHistory'), 3000)
-        } else this.canSendAgain = true
-    }
-
-    updateSendAgainLock() {
-        if (!this.wallet.isFetchUtxos) {
-            this.$store.dispatch('History/updateTransactionHistory')
-            this.canSendAgain = true
-        } else {
-            setTimeout(() => {
-                this.updateSendAgainLock()
-            }, 1000)
-        }
-    }
-
-    onError(err: any) {
-        this.err = err
-        this.isAjax = false
-        this.helpers.dispatchNotification({
-            message: this.$t('notifications.transfer_error_msg'),
-            type: 'error',
-        })
-    }
-    @Watch('formType', { immediate: true })
-    @Watch('activeWallet', { immediate: true })
-    @Watch('activeNetwork')
-    updateDetails() {
-        if (this.isMultiSig && this.formType === 'P') this.updateMultisigTxDetails()
-        else {
-            this.memo = ''
-            this.addressIn = ''
-            this.pendingTxAmount = new BN(0).toLocaleString()
-        }
-    }
-
-    get activeNetwork(): null | AvaNetwork {
-        return this.$store?.state?.Network?.selectedNetwork
-    }
-
-    async refresh() {
-        if (!this.isMultiSig) return
-        await this.$store.dispatch('Signavault/updateTransaction')
-        this.updateMultisigTxDetails()
-        if (!this.pendingSendMultisigTX) {
-            this.$refs.txList.reset()
-            this.err = ''
-            this.isConfirm = false
-            this.memo = ''
-            this.addressIn = ''
-        }
-    }
-    get pendingSendMultisigTX(): SignavaultTx | undefined {
-        return this.$store.getters['Signavault/transactions'].find(
-            (item: SignavaultTx) =>
-                item?.tx?.alias === this.wallet?.getStaticAddress('P') &&
-                WalletHelper.getUnsignedTxType(item?.tx?.unsignedTx) === 'BaseTx'
-        )
-    }
-
-    get txOwners() {
-        return this.pendingSendMultisigTX?.tx?.owners ?? []
-    }
-
-    get activeWallet(): MultisigWallet {
-        return this.$store.state.activeWallet
-    }
-
-    async signMultisigTx() {
-        const wallet = this.activeWallet
-        if (!wallet || !(wallet instanceof MultisigWallet))
-            return console.debug('MultiSigTx::sign: Invalid wallet')
-        if (!this.pendingSendMultisigTX) return console.debug('MultiSigTx::sign: Invalid Tx')
-        try {
-            await wallet.addSignatures(this.pendingSendMultisigTX?.tx)
-            this.helpers.dispatchNotification({
-                message: 'Your signature saved successfully!',
-                type: 'success',
-            })
-            this.$store.dispatch('Signavault/updateTransaction')
-        } catch (e: any) {
-            this.helpers.dispatchNotification({
-                message: 'Your signature is not saved.',
-                type: 'error',
-            })
-        }
-    }
-    get isMultiSig(): boolean {
-        return this.wallet instanceof MultisigWallet
-    }
-    async issueMultisigTx() {
-        const wallet = this.activeWallet
-        if (!wallet || !(wallet instanceof MultisigWallet))
-            return console.log('MultiSigTx::sign: Invalid wallet')
-        if (!this.pendingSendMultisigTX) return console.log('MultiSigTx::sign: Invalid Tx')
-        try {
-            let txID = await wallet.issueExternal(this.pendingSendMultisigTX?.tx)
-            this.isConfirm = true
-            this.updateMultisigTxDetails()
-            await this.onSuccess(txID)
-        } catch (e: any) {
-            this.helpers.dispatchNotification({
-                message: this.$t('notifications.execute_multisig_transaction_error'),
-                type: 'error',
-            })
-        }
-    }
-
-    async cancelMultisigTx() {
-        try {
-            const wallet = this.wallet as MultisigWallet
-            if (this.pendingSendMultisigTX) {
-                // cancel from the wallet
-                await wallet.cancelExternal(this.pendingSendMultisigTX?.tx)
-                this.helpers.dispatchNotification({
-                    message: this.$t('transfer.multisig.transaction_aborted'),
-                    type: 'success',
-                })
-                this.isAborted = true
-                this.updateMultisigTxDetails()
-            }
-        } catch (err) {
-            console.log(err)
-            this.helpers.dispatchNotification({
-                message: this.$t('transfer.multisig.cancel_transaction_failed'),
-                type: 'error',
-            })
-        }
-    }
-
-    get disableSignButton(): boolean {
-        let isSigned = false
-        this.txOwners.forEach((owner) => {
-            if (
-                this.activeWallet.wallets.find((w) => w?.getAllAddressesP()?.[0] === owner.address)
-            ) {
-                if (owner.signature) isSigned = true
-            }
-        })
-        return isSigned
-    }
-    get canExecuteMultisigTx(): boolean {
-        let signers = 0
-        let threshold = this.pendingSendMultisigTX?.tx?.threshold
-        this.txOwners.forEach((owner) => {
-            if (owner.signature) signers++
-        })
-        if (threshold) return signers >= threshold
-        return false
-    }
-    async updateMultisigTxDetails() {
-        this.isMultiSigErr = false
-        if (this.formType !== 'P') return
-        await this.$store.dispatch('Assets/updateUTXOs')
-        await this.$store.dispatch('Signavault/updateTransaction')
-        if (this.pendingSendMultisigTX) {
-            let unsignedTx = new UnsignedTx()
-            unsignedTx.fromBuffer(Buffer.from(this.pendingSendMultisigTX.tx?.unsignedTx, 'hex'))
-            const utx = unsignedTx.getTransaction()
-            this.memo = utx.getMemo().toString()
-            let t: ITransactionData = parse([this.pendingSendMultisigTX])[0]
-            let { tokens } = getTransactionSummary(t, this.$store.state.activeWallet as WalletType)
-            for (var assetId in tokens) {
-                if (tokens[assetId].addresses[0])
-                    this.addressIn = `P-${tokens[assetId].addresses[0]}`
-                else this.addressIn = this.wallet.getStaticAddress('P')
-                this.pendingTxAmount = bnToBig(
-                    tokens[assetId].amount.add(new BN(t.txFee)).abs(),
-                    9
-                ).toLocaleString()
-            }
-        } else {
-            this.pendingTxAmount = ''
-            if (this.isAborted) this.startAgain()
-        }
-    }
-
-    submit() {
-        this.isAjax = true
-        this.err = ''
-
-        let sumArray: (ITransaction | UTXO)[] = [...this.formOrders, ...this.formNftOrders]
-
-        let txList: IssueBatchTxInput = {
-            chainId: this.formType,
-            toAddress: this.formAddress,
-            memo: Buffer.from(this.formMemo),
-            orders: sumArray,
-        }
-
-        this.$store
-            .dispatch('issueBatchTx', txList)
-            .then((res) => {
-                this.canSendAgain = false
-                this.waitTxConfirm(res)
-                this.txId = res
-            })
-            .catch((err) => {
-                if (err instanceof SignatureError) {
-                    let { dispatchNotification } = this.globalHelper()
-                    this.$store.dispatch('Assets/updateUTXOs')
-                    this.$store.dispatch('Signavault/updateTransaction').then(() => {
-                        this.$store.dispatch('updateBalances')
-                        dispatchNotification({
-                            message: this.$t('notifications.transfer_success_msg'),
-                            type: 'success',
-                        })
-                        this.txState = TxState.success
-                        this.isAjax = false
-                        this.isMultiSigErr = true
-                    })
-                } else this.onError(err)
-            })
-    }
-
-    async waitTxConfirm(txId: string) {
-        let status =
-            this.formType === 'P'
-                ? await ava.PChain().getTxStatus(txId)
-                : await ava.XChain().getTxStatus(txId)
-
-        if (status === 'Unknown' || status === 'Processing') {
-            // if not confirmed ask again
-            setTimeout(() => {
-                this.waitTxConfirm(txId)
-            }, 500)
-            return false
-        } else if (status === 'Dropped') {
-            // If dropped stop the process
-            this.txState = TxState.failed
-            return false
-        } else {
-            // If success display success page
-            this.txState = TxState.success
-            this.onSuccess(txId)
-        }
-    }
+    tab: string = 'transfer'
 
     get networkStatus(): string {
         let stat = this.$store.state.Network.status
         return stat
     }
-
-    get hasNFT(): boolean {
-        return this.formType === 'X' && this.$store.state.Assets.nftUTXOs.length > 0
-    }
-
-    get faucetLink() {
-        let link = process.env.VUE_APP_FAUCET_LINK
-        if (link) return link
-        return null
-    }
-    get canSend() {
-        if (!this.addressIn) return false
-
-        if (
-            this.orders.length > 0 &&
-            this.totalTxSize.eq(new BN(0)) &&
-            this.nftOrders.length === 0
-        ) {
-            return false
-        }
-
-        if (this.orders.length === 0 && this.nftOrders.length === 0) return false
-
-        return true
-    }
-    get totalTxSize() {
-        let res = new BN(0)
-        for (var i = 0; i < this.orders.length; i++) {
-            let order = this.orders[i]
-            if (order.amount) {
-                res = res.add(this.orders[i].amount)
-            }
-        }
-
-        return res
-    }
-    get avaxTxSize() {
-        let res = new BN(0)
-        for (var i = 0; i < this.orders.length; i++) {
-            let order = this.orders[i]
-            if (!order.asset) continue
-            if (order.amount && order.asset.id === this.avaxAsset.id) {
-                res = res.add(this.orders[i].amount)
-            }
-        }
-
-        return res
-    }
-    get avaxAsset(): AvaAsset {
-        return this.$store.getters['Assets/AssetAVA']
-    }
-
-    get wallet(): WalletType {
-        return this.$store.state.activeWallet
-    }
-
-    get txFee(): BN {
-        return this.formType === 'P' ? ava.PChain().getTxFee() : ava.XChain().getTxFee()
-    }
-
-    get txFeeBig(): Big {
-        return bnToBig(this.txFee, 9)
-    }
-
-    get totalUSD(): Big {
-        let totalAsset = this.avaxTxSize.add(this.txFee)
-        let bigAmt = bnToBig(totalAsset, 9)
-        let usdPrice = this.priceDict.usd
-        let usdBig = bigAmt.times(usdPrice)
-        return usdBig
-    }
-
-    get addresses() {
-        return this.$store.state.addresses
-    }
-
-    get priceDict(): priceDict {
-        return this.$store.state.prices
-    }
-
-    get nftUTXOs(): UTXO[] {
-        return this.$store.state.Assets.nftUTXOs
-    }
-
-    get nativeAssetSymbol(): string {
-        return this.$store.getters['Assets/AssetAVA']?.symbol ?? ''
-    }
-
-    deactivated() {
-        this.startAgain()
-    }
-
-    activated() {
-        this.clearForm()
-
-        if (this.$route.query.chain) {
-            let chain = this.$route.query.chain as ChainIdType
-            if (['P', 'X', 'C'].includes(chain)) this.formType = chain
-        }
-
-        if (this.$route.query.nft) {
-            let utxoId = this.$route.query.nft as string
-            let target = this.nftUTXOs.find((el) => {
-                return el.getUTXOID() === utxoId
-            })
-
-            if (target) {
-                this.$refs.nftList.addNft(target)
-            }
-        }
-    }
 }
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 @use '../../styles/abstracts/mixins';
-.multi-sig__container {
+
+.header {
     display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-.advanced_panel {
-    .v-expansion-panel-header {
-        padding: 0;
-        @include mixins.typography-caption;
-        color: #2c3e50;
-        min-height: auto !important;
-        margin-bottom: 10px;
-    }
-    .v-expansion-panel-content__wrap {
-        padding: 0 !important;
+    align-items: center;
+    padding-bottom: 8px;
+    margin-bottom: 8px;
+    border-bottom: var(--primary-border);
+    flex-wrap: nowrap;
+    white-space: nowrap;
+
+    h2 {
+        font-weight: normal;
+        margin-right: 30px;
     }
 
-    .v-icon {
-        @include mixins.typography-caption;
+    .tab {
+        display: flex;
+        width: 100%;
     }
-}
-</style>
-<style scoped lang="scss">
-@use '../../styles/abstracts/mixins';
 
-$padLeft: 24px;
-$padTop: 8px;
+    .tab_btn {
+        padding: 8px 24px;
+        font-size: 14px;
+        font-weight: bold;
+        margin: 0px 5px;
+        text-transform: uppercase;
+        outline: none !important;
+        color: var(--primary-color-light);
 
-.pending {
-    color: var(--primary-color-light) !important;
+        &[active] {
+            color: var(--secondary-color);
+            border-bottom: 2px solid var(--secondary-color);
+        }
+    }
 }
 
 .disconnected {
@@ -778,176 +89,10 @@ $padTop: 8px;
     background-color: var(--bg-light);
 }
 
-.explain {
-    @include mixins.typography-caption;
-    color: var(--primary-color-light);
-}
-h1 {
-    font-weight: normal;
-}
-h4 {
-    display: block;
-    text-align: left;
-    @include mixins.typography-caption;
-    font-weight: bold;
-    margin: 12px 0;
-}
-
-.send_to {
-    display: flex;
-    margin-bottom: 10px;
-}
-
-.addressIn >>> input {
-    color: var(--bg) !important;
-    padding: 5px 6px !important;
-    text-align: center;
-    letter-spacing: 2px;
-    @include mixins.typography-caption;
-}
-
-.addressIn >>> input::-webkit-input-placeholder {
-    color: var(--primary-color-light) !important;
-}
-
-.addressIn .v-input__slot:before {
-    display: none;
-}
-
-.readerBut {
-    margin-top: 4px;
-    display: flex;
-    background-color: #404040;
-}
-.readerBut button {
-    opacity: 0.6;
-    outline: none;
-    padding: 6px 12px;
-    margin: 0px auto;
-}
-.readerBut:hover button {
-    opacity: 1;
-}
-
-.memo {
-    @include mixins.typography-caption;
-    background-color: var(--bg-light);
-    resize: none;
-    width: 100%;
-    height: 80px;
-    border-radius: var(--border-radius-sm);
-    padding: 4px 12px;
-}
-
-.radio_buttons {
-    margin-top: 15px;
-}
-
-.tx_info {
-    text-align: left;
-    @include mixins.typography-caption;
-}
-
-.new_order_Form {
-    display: grid;
-    grid-template-columns: 1fr 1fr 300px;
-    column-gap: 45px;
-}
-
-.new_order_Form > div {
-    margin-bottom: 15px;
-}
-
-.lists {
-    border-right: 1px solid var(--bg-light);
-    grid-column: 1/3;
-}
-
-.tx_list {
-    margin-bottom: 14px;
-}
-
-.fees {
-    margin: 14px 0;
-    border-top: 1px solid var(--bg-light);
-    padding-top: 14px;
-}
-
-.fees p {
-    text-align: left;
-    @include mixins.typography-caption;
-    color: var(--primary-color-light);
-}
-
-.fees span {
-    float: right;
-}
-
-label {
-    color: var(--primary-color-light);
-    @include mixins.typography-caption;
-    font-weight: bold;
-    margin: 2px 0 !important;
-}
-
-.faucet {
-    margin-top: 20px;
-}
-
-.advanced {
-    padding: 20px 0px !important;
-    margin-bottom: 20px;
-}
-
-.advanced .advancedBody {
-    transition-duration: 0.2s;
-}
-
-.err_list {
-    @include mixins.typography-caption;
-    color: var(--error);
-    margin: 6px 0;
-}
-
-.checkout {
-    margin-top: 14px;
-}
-
-.confirm_val {
-    background-color: var(--bg-light);
-    word-break: break-all;
-    padding: 8px 16px;
-}
-
-@include mixins.medium-device {
-    .new_order_Form {
-        grid-template-columns: 1fr 1fr 220px;
-        column-gap: 25px;
-    }
-}
-
 @include mixins.mobile-device {
     .transfer_card {
         display: block;
         grid-template-columns: none;
     }
-
-    .but_primary {
-        width: 100%;
-    }
-
-    .new_order_Form {
-        display: block;
-        grid-template-columns: none;
-    }
-
-    .tx_list {
-        padding: 0;
-        border: none;
-    }
-
-    .lists {
-        border: none;
-    }
 }
 </style>