diff --git a/src/antelope/config/index.ts b/src/antelope/config/index.ts
index 4fc021669..32854cb15 100644
--- a/src/antelope/config/index.ts
+++ b/src/antelope/config/index.ts
@@ -4,7 +4,7 @@ import { getAntelope } from 'src/antelope';
 import { AntelopeError, AntelopeErrorPayload } from 'src/antelope/types';
 
 export class AntelopeConfig {
-    wrapError(description: string, error: unknown): AntelopeError {
+    transactionError(description: string, error: unknown): AntelopeError {
         if (error instanceof AntelopeError) {
             return error as AntelopeError;
         }
diff --git a/src/antelope/stores/balances.ts b/src/antelope/stores/balances.ts
index c93ff368a..6a401ed3b 100644
--- a/src/antelope/stores/balances.ts
+++ b/src/antelope/stores/balances.ts
@@ -244,7 +244,7 @@ export const useBalancesStore = defineStore(store_name, {
                 this.processBalanceForToken(label, sys_token, balanceBn);
             } catch (error) {
                 console.error(error);
-                throw getAntelope().config.wrapError('antelope.evm.error_update_system_balance_failed', error);
+                throw getAntelope().config.transactionError('antelope.evm.error_update_system_balance_failed', error);
             }
         },
         shouldAddTokenBalance(label: string, balanceBn: BigNumber, token: TokenClass): boolean {
@@ -322,7 +322,7 @@ export const useBalancesStore = defineStore(store_name, {
                         .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
                 }
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_transfer_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_transfer_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
@@ -347,7 +347,7 @@ export const useBalancesStore = defineStore(store_name, {
                         .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
                 }
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_wrap_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_wrap_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
@@ -371,7 +371,7 @@ export const useBalancesStore = defineStore(store_name, {
                         .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
                 }
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_unwrap_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_unwrap_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
@@ -403,7 +403,7 @@ export const useBalancesStore = defineStore(store_name, {
                 });
             } catch (error) {
                 console.error(error);
-                throw getAntelope().config.wrapError('antelope.evm.error_transfer_failed', error);
+                throw getAntelope().config.transactionError('antelope.evm.error_transfer_failed', error);
             } finally {
                 useFeedbackStore().unsetLoading('transferNativeTokens');
             }
@@ -423,7 +423,7 @@ export const useBalancesStore = defineStore(store_name, {
                 return result as EvmTransactionResponse | SendTransactionResult;
             } catch (error) {
                 console.error(error);
-                throw getAntelope().config.wrapError('antelope.evm.error_transfer_failed', error);
+                throw getAntelope().config.transactionError('antelope.evm.error_transfer_failed', error);
             } finally {
                 useFeedbackStore().unsetLoading('transferEVMTokens');
             }
diff --git a/src/antelope/stores/nfts.ts b/src/antelope/stores/nfts.ts
index 3a8d2e75f..beef4a00c 100644
--- a/src/antelope/stores/nfts.ts
+++ b/src/antelope/stores/nfts.ts
@@ -1,20 +1,21 @@
 /**
  * NFTs: This store is responsible for all functionality pertaining to NFTs,
- * such as fetching them for a given account or getting information on a particular NFT
+ * such as fetching them for a given account, getting information on a particular NFT, or transferring NFTs
  */
 
 import { defineStore } from 'pinia';
 
-import { Label, Network, Address, IndexerTransactionsFilter, NFTClass, NftTokenInterface } from 'src/antelope/types';
+import { Label, Network, Address, IndexerTransactionsFilter, NFTClass, NftTokenInterface, TransactionResponse, addressString } from 'src/antelope/types';
 
 import { useFeedbackStore, getAntelope, useChainStore, useEVMStore, CURRENT_CONTEXT } from 'src/antelope';
 import { createTraceFunction, isTracingAll } from 'src/antelope/stores/feedback';
 import { toRaw } from 'vue';
-import { AccountModel } from 'src/antelope/stores/account';
+import { AccountModel, EvmAccountModel, useAccountStore } from 'src/antelope/stores/account';
 import NativeChainSettings from 'src/antelope/chains/NativeChainSettings';
 import EVMChainSettings from 'src/antelope/chains/EVMChainSettings';
 import { errorToString } from 'src/antelope/config';
 import { truncateAddress } from 'src/antelope/stores/utils/text-utils';
+import { subscribeForTransactionReceipt } from 'src/antelope/stores/utils/trx-utils';
 
 export interface NFTsInventory {
     owner: Address;
@@ -126,6 +127,7 @@ export const useNftsStore = defineStore(store_name, {
                 },
             });
         },
+
         async updateNFTsForAccount(label: string, account: AccountModel | null) {
             this.trace('updateNFTsForAccount', label, account);
             if (!account?.account) {
@@ -280,6 +282,35 @@ export const useNftsStore = defineStore(store_name, {
                 limit: 10000,
             });
         },
+
+        async subscribeForTransactionReceipt(account: EvmAccountModel, response: TransactionResponse): Promise<TransactionResponse> {
+            this.trace('subscribeForTransactionReceipt', account.account, response.hash);
+            return subscribeForTransactionReceipt(account, response).then(({ newResponse, receipt }) => {
+                newResponse.wait().then(() => {
+                    this.trace('subscribeForTransactionReceipt', newResponse.hash, 'receipt:', receipt.status, receipt);
+                    this.updateNFTsForAccount(CURRENT_CONTEXT, account);
+                });
+                return newResponse;
+            });
+        },
+
+        async transferNft(label: Label, contractAddress: string, tokenId: string, type: NftTokenInterface, from: addressString, to: addressString): Promise<TransactionResponse> {
+            const funcname = 'transferNft';
+            this.trace(funcname, label, contractAddress, tokenId, type);
+
+            try {
+                useFeedbackStore().setLoading(funcname);
+                const account = useAccountStore().loggedAccount as EvmAccountModel;
+                return await account.authenticator.transferNft(contractAddress, tokenId, type, from, to)
+                    .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
+            } catch (error) {
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_transfer_nft', error);
+                getAntelope().config.transactionErrorHandler(trxError, funcname);
+                throw trxError;
+            } finally {
+                useFeedbackStore().unsetLoading(funcname);
+            }
+        },
     },
 });
 
diff --git a/src/antelope/stores/rex.ts b/src/antelope/stores/rex.ts
index 184a80609..8edfe51f8 100644
--- a/src/antelope/stores/rex.ts
+++ b/src/antelope/stores/rex.ts
@@ -248,7 +248,7 @@ export const useRexStore = defineStore(store_name, {
                 return await authenticator.stakeSystemTokens(amount)
                     .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_stakes_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_stakes_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
@@ -272,7 +272,7 @@ export const useRexStore = defineStore(store_name, {
                 return await authenticator.unstakeSystemTokens(amount)
                     .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_unstakes_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_unstakes_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
@@ -296,7 +296,7 @@ export const useRexStore = defineStore(store_name, {
                 return await authenticator.withdrawUnstakedTokens()
                     .then(r => this.subscribeForTransactionReceipt(account, r as TransactionResponse));
             } catch (error) {
-                const trxError = getAntelope().config.wrapError('antelope.evm.error_withdraw_failed', error);
+                const trxError = getAntelope().config.transactionError('antelope.evm.error_withdraw_failed', error);
                 getAntelope().config.transactionErrorHandler(trxError, funcname);
                 throw trxError;
             } finally {
diff --git a/src/antelope/types/Filters.ts b/src/antelope/types/Filters.ts
index 265ef4036..e1de2343b 100644
--- a/src/antelope/types/Filters.ts
+++ b/src/antelope/types/Filters.ts
@@ -40,4 +40,5 @@ export interface IndexerTransfersFilter {
     startBlock?: number; // first block to include in the query
     contract?: string; // filter by contract address
     includeAbi?: boolean; // indicate whether to include abi
+    tokenId?: number; // optional id for an NFT in a given collection
 }
diff --git a/src/antelope/wallets/authenticators/EVMAuthenticator.ts b/src/antelope/wallets/authenticators/EVMAuthenticator.ts
index 8b7374651..35d863fc8 100644
--- a/src/antelope/wallets/authenticators/EVMAuthenticator.ts
+++ b/src/antelope/wallets/authenticators/EVMAuthenticator.ts
@@ -2,13 +2,13 @@
 
 import { SendTransactionResult, WriteContractResult } from '@wagmi/core';
 import { BigNumber, ethers } from 'ethers';
-import { CURRENT_CONTEXT, getAntelope, useAccountStore } from 'src/antelope';
+import { CURRENT_CONTEXT, getAntelope, useAccountStore, useContractStore } from 'src/antelope';
 import EVMChainSettings from 'src/antelope/chains/EVMChainSettings';
 import { useChainStore } from 'src/antelope/stores/chain';
 import { useEVMStore } from 'src/antelope/stores/evm';
 import { createTraceFunction, isTracingAll, useFeedbackStore } from 'src/antelope/stores/feedback';
 import { usePlatformStore } from 'src/antelope/stores/platform';
-import { AntelopeError, EvmABI, EvmFunctionParam, EvmTransactionResponse, ExceptionError, TokenClass, addressString, erc20Abi, escrowAbiWithdraw, stlosAbiDeposit, stlosAbiWithdraw, wtlosAbiDeposit, wtlosAbiWithdraw } from 'src/antelope/types';
+import { AntelopeError, NftTokenInterface, ERC1155_TYPE, ERC721_TYPE, EvmABI, EvmABIEntry, EvmFunctionParam, EvmTransactionResponse, ExceptionError, TokenClass, addressString, erc20Abi, erc721Abi, escrowAbiWithdraw, stlosAbiDeposit, stlosAbiWithdraw, wtlosAbiDeposit, wtlosAbiWithdraw } from 'src/antelope/types';
 
 export abstract class EVMAuthenticator {
 
@@ -235,6 +235,31 @@ export abstract class EVMAuthenticator {
         }
     }
 
+    /**
+     * This method transfers NFTs between accounts
+     * @param contractAddress collection address
+     * @param tokenId id of the nft in collection
+     * @param type type of token, 721 or 1155
+     * @param from address of sender
+     * @param to address of receiving account
+     * @param quantity optional value for 1155, default 1 for 721
+     * @returns transaction response with the hash and a wait() method to wait confirmation
+     */
+    async transferNft(contractAddress: string, tokenId: string, type: NftTokenInterface, from: addressString, to: addressString, quantity = 1): Promise<EvmTransactionResponse | WriteContractResult | undefined> {
+        this.trace('transferNft', contractAddress, tokenId, type, from, to);
+        const contract = await useContractStore().getContract(this.label, contractAddress);
+        if (contract) {
+            const transferAbi = erc721Abi.filter((abi:EvmABIEntry) => abi.name === 'safeTransferFrom');
+            if (type === ERC721_TYPE){
+                return this.signCustomTransaction(contractAddress, [transferAbi[0]], [from, to, tokenId]);
+            }else if (type === ERC1155_TYPE){
+                return this.signCustomTransaction(contractAddress, [transferAbi[1]], [from, to, tokenId, quantity]);
+            }
+        } else {
+            throw new AntelopeError('antelope.balances.error_token_contract_not_found', { address: contractAddress });
+        }
+    }
+
     /**
      * This method creates a Transaction to wrap system tokens into ERC20 tokens
      * @param amount amount of system tokens to wrap
diff --git a/src/antelope/wallets/authenticators/OreIdAuth.ts b/src/antelope/wallets/authenticators/OreIdAuth.ts
index a355e199b..2281448f7 100644
--- a/src/antelope/wallets/authenticators/OreIdAuth.ts
+++ b/src/antelope/wallets/authenticators/OreIdAuth.ts
@@ -16,7 +16,6 @@ import { useChainStore } from 'src/antelope/stores/chain';
 import { RpcEndpoint } from 'universal-authenticator-library';
 import { TELOS_ANALYTICS_EVENT_IDS } from 'src/antelope/chains/chain-constants';
 
-
 const name = 'OreId';
 export const OreIdAuthName = name;
 
@@ -294,5 +293,4 @@ export class OreIdAuth extends EVMAuthenticator {
 
         return this.performOreIdTransaction(from, transactionBody);
     }
-
 }
diff --git a/src/components/evm/AppNav.vue b/src/components/evm/AppNav.vue
index 83b096008..94586b61e 100644
--- a/src/components/evm/AppNav.vue
+++ b/src/components/evm/AppNav.vue
@@ -123,7 +123,7 @@ export default defineComponent({
             // if the user has come from an external source, pressing back should go to the parent route
             const navigatedFromApp = sessionStorage.getItem('navigatedFromApp');
 
-            if (navigatedFromApp) {
+            if (navigatedFromApp && this.$route.query.tab !== 'attributes') { // @TODO refactor to avoid explicit conditionals, required to nav back from details page but retain tab navigation history
                 this.$router.go(-1);
             } else {
                 const parent = this.$route.meta.parent as string;
diff --git a/src/components/evm/AppPage.vue b/src/components/evm/AppPage.vue
index 011b3df60..442c991ff 100644
--- a/src/components/evm/AppPage.vue
+++ b/src/components/evm/AppPage.vue
@@ -31,7 +31,7 @@ export default defineComponent({
                     }
 
                     if (!this.tabs.includes(newValue.query.tab)) {
-                        this.$router.replace({ query: { tab: this.tabs[0] } });
+                        this.$router.push({ path: this.$route.path, query: { ...this.$route.query, tab: this.tabs[0] } });
                     }
                 }
             },
diff --git a/src/css/global/_global.scss b/src/css/global/_global.scss
new file mode 100644
index 000000000..c349f143b
--- /dev/null
+++ b/src/css/global/_global.scss
@@ -0,0 +1,8 @@
+.q-btn.wallet-btn {
+    @include text--header-5;
+    width: auto;
+    padding: 13px 24px;
+    &+& {
+        margin-left: 16px;
+    }
+}
diff --git a/src/css/global/global-index.scss b/src/css/global/global-index.scss
index f3c4d502f..ac6eb15f1 100644
--- a/src/css/global/global-index.scss
+++ b/src/css/global/global-index.scss
@@ -6,3 +6,4 @@
 @import 'z-index';
 @import 'media-queries';
 @import 'typography';
+@import 'global';
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
index 457f68a92..f70f80ad7 100644
--- a/src/i18n/en-us/index.js
+++ b/src/i18n/en-us/index.js
@@ -178,6 +178,11 @@ export default {
         empty_collection_message: 'Purchase your first collectible',
         empty_collection_link_text: 'here',
         collectibles_per_page: 'Collectibles per page',
+        // transfer
+        transfer: 'Transfer',
+        transfer_collectible: 'transfer collectible',
+        transfer_from: 'from',
+        transfer_on_telos: 'on Telos',
     },
     evm_wrap: {
         wrap: 'Wrap',
@@ -548,6 +553,7 @@ export default {
             error_unstakes_failed: 'An unknown error occurred when unstaking tokens',
             error_withdraw_failed: 'An unknown error occurred when withdrawing tokens',
             error_fetching_token_price: 'An unknown error occurred when fetching token price data',
+            error_transfer_nft: 'An error occured while transferring collectible',
         },
         history: {
             error_fetching_transactions: 'Unexpected error fetching transactions. Please refresh the page to try again.',
diff --git a/src/pages/demo/SendPageErrors.vue b/src/pages/demo/SendPageErrors.vue
index aa8d2c94f..309109d39 100644
--- a/src/pages/demo/SendPageErrors.vue
+++ b/src/pages/demo/SendPageErrors.vue
@@ -309,14 +309,6 @@ export default defineComponent({
 </template>
 
 <style lang="scss">
-.q-btn.wallet-btn {
-    @include text--header-5;
-    &+& {
-        margin-left: 16px;
-    }
-}
-
-
 .c-send-page-errors {
     &__title-container {
         flex-direction: column;
diff --git a/src/pages/evm/nfts/NftDetailsPage.vue b/src/pages/evm/nfts/NftDetailsPage.vue
index cfefb03ba..509ee4ad5 100644
--- a/src/pages/evm/nfts/NftDetailsPage.vue
+++ b/src/pages/evm/nfts/NftDetailsPage.vue
@@ -1,30 +1,44 @@
 <script setup lang="ts">
 import AppPage from 'components/evm/AppPage.vue';
 import { useNftsStore } from 'src/antelope/stores/nfts';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { ERC1155_TYPE, ERC721_TYPE, ShapedNFT } from 'src/antelope/types';
 import { computed, onBeforeMount, ref } from 'vue';
 import NftViewer from 'pages/evm/nfts/NftViewer.vue';
 import NftDetailsCard from 'pages/evm/nfts/NftDetailsCard.vue';
 import ExternalLink from 'components/ExternalLink.vue';
-import { CURRENT_CONTEXT, useChainStore } from 'src/antelope';
+import AddressInput from 'components/evm/inputs/AddressInput.vue';
+import UserInfo from 'components/evm/UserInfo.vue';
+import { CURRENT_CONTEXT, useChainStore, useAccountStore, getAntelope } from 'src/antelope';
 import EVMChainSettings from 'src/antelope/chains/EVMChainSettings';
 import NumberedList from 'components/NumberedList.vue';
 import { isValidAddressFormat } from 'src/antelope/stores/utils';
 import { useI18n } from 'vue-i18n';
 
 const route = useRoute();
+const router = useRouter();
 const { t: $t } = useI18n();
 
+const ant = getAntelope();
 const nftStore = useNftsStore();
 const chainStore = useChainStore();
+const accountStore = useAccountStore();
 
+const explorerUrl = (chainStore.currentChain.settings as EVMChainSettings).getExplorerUrl();
+let addressIsValid = false;
+
+const ATTRIBUTES = 'attributes';
+const TRANSFER = 'transfer';
+const OWNERS = 'owners'; // for 1155 only
+
+const tabs = ref<String[]>([ATTRIBUTES, TRANSFER, OWNERS]);
 const nft = ref<ShapedNFT | null>(null);
 const loading = ref(true);
-
+const address = ref('');
 
 const contractAddress = route.query.contract as string;
 const nftId = route.query.id as string;
+let nftType: ERC1155_TYPE | ERC721_TYPE | null = null;
 
 onBeforeMount(async () => {
     if (contractAddress && nftId) {
@@ -33,21 +47,25 @@ onBeforeMount(async () => {
 
         if (erc721Details) {
             nft.value = erc721Details;
+            nftType = ERC721_TYPE;
+            removeTab(OWNERS);
         } else if (erc1155Details) {
             nft.value = erc1155Details;
+            nftType = ERC1155_TYPE;
         }
+
+        if (nft.value.ownerAddress !== loggedAccount.value.address){
+            removeTab(TRANSFER);
+        }
+
         loading.value = false;
     }
 });
 
-// data
-const explorerUrl = (chainStore.currentChain.settings as EVMChainSettings).getExplorerUrl();
-
-
-// computed
 const contractAddressIsValid = computed(
     () => isValidAddressFormat(contractAddress),
 );
+
 const contractLink = computed(() => {
     if (!contractAddressIsValid.value) {
         return '';
@@ -68,10 +86,41 @@ const filteredAttributes = computed(() =>
     nft.value?.attributes.filter(attr => !!attr.label && !!attr.text),
 );
 
+const loggedAccount = computed(() =>
+    accountStore.loggedEvmAccount,
+);
+
+async function startTransfer(){
+    const nameString = `${nft.value.contractPrettyName || nft.value.contractAddress} #${nft.value.id}`;
+    try{
+        const trx = await nftStore.transferNft(CURRENT_CONTEXT, contractAddress, nftId, nftType, loggedAccount.value.address, address.value);
+        const dismiss = ant.config.notifyNeutralMessageHandler(
+            $t('notification.neutral_message_sending', { quantity: nameString, address: address.value }),
+        );
+        trx.wait().then(() => {
+            ant.config.notifySuccessfulTrxHandler(
+                `${explorerUrl}/tx/${trx.hash}`,
+            );
+        }).catch((err) => {
+            console.error(err);
+        }).finally(() => {
+            dismiss();
+        });
+        router.push({ query: { tab: 'attributes' } });
+        removeTab(TRANSFER);
+    }catch(e){
+        console.error(e); // tx error notification handled in store
+    }
+}
+
+function removeTab(tab: string){
+    tabs.value.splice(tabs.value.findIndex(item => item === tab), 1);
+}
+
 </script>
 
 <template>
-<AppPage>
+<AppPage :tabs="tabs">
     <template v-slot:header>
         <div
             :class="{
@@ -125,87 +174,147 @@ const filteredAttributes = computed(() =>
         </div>
     </template>
 
-    <div class="c-nft-details__body-container">
-        <q-skeleton v-if="loading" type="text" class="c-nft-details__body-header-skeleton"/>
-        <h4
-            v-else
-            :class="{
-                'q-mb-lg': true,
-                'u-text--center': nft === null,
-            }"
-        >
-            <template v-if="nft === null">
-                {{ $t('nft.collectible_not_found_recommendation') }}
-            </template>
-            <template v-else>
-                {{ $t('global.attributes') }}
-            </template>
-        </h4>
-
-        <div
-            :class="{
-                'c-nft-details__attributes-container': true,
-                'c-nft-details__attributes-container--not-found': nft === null && !loading,
-            }"
-        >
-            <template v-if="loading">
-                <q-skeleton
-                    v-for="index in 9"
-                    :key="`nft-detail-body-skeleton-${index}`"
-                    class="c-nft-details__attribute-skeleton"
-                />
-            </template>
-
-            <template v-else-if="nft === null">
-                <NumberedList>
-                    <template v-slot:1>
-                        <p>
-                            {{ $t('nft.collectible_not_found_contract_part_1') }}
-                            <span class="o-text--paragraph-bold">
-                                {{ $t('nft.collectible_not_found_contract_part_2_bold') }}
-                            </span>
-                            {{ $t('nft.collectible_not_found_contract_part_3') }}
-
-                            <template v-if="contractAddressIsValid">
-                                {{ $t('nft.collectible_not_found_contract_part_4') }}
-                                <br>
-                                <ExternalLink :text="contractAddress" :url="contractLink" />
-                            </template>
-
-                            <template v-else>
-                                {{ $t('nft.collectible_not_found_contract_invalid') }}
-                            </template>
-                        </p>
-                    </template>
-
-                    <template v-slot:2>
-                        <p>
-                            {{ $t('nft.collectible_not_found_nft_id_part_1') }}
-                            <span class="o-text--paragraph-bold">
-                                {{ $t('global.id') }}
-                            </span>
-                            {{ $t('nft.collectible_not_found_nft_id_part_3') }}
-                        </p>
-                    </template>
-                </NumberedList>
-            </template>
+    <template v-slot:attributes>
+        <div class="c-nft-details__body-container">
+            <q-skeleton v-if="loading" type="text" class="c-nft-details__body-header-skeleton"/>
+            <h4
+                v-else
+                :class="{
+                    'q-mb-lg': true,
+                    'u-text--center': nft === null,
+                }"
+            >
+                <template v-if="nft === null">
+                    {{ $t('nft.collectible_not_found_recommendation') }}
+                </template>
+                <template v-else>
+                    {{ $t('global.attributes') }}
+                </template>
+            </h4>
+
+            <div
+                :class="{
+                    'c-nft-details__attributes-container': true,
+                    'c-nft-details__attributes-container--not-found': nft === null && !loading,
+                }"
+            >
+                <template v-if="loading">
+                    <q-skeleton
+                        v-for="index in 9"
+                        :key="`nft-detail-body-skeleton-${index}`"
+                        class="c-nft-details__attribute-skeleton"
+                    />
+                </template>
+
+                <template v-else-if="nft === null">
+                    <NumberedList>
+                        <template v-slot:1>
+                            <p>
+                                {{ $t('nft.collectible_not_found_contract_part_1') }}
+                                <span class="o-text--paragraph-bold">
+                                    {{ $t('nft.collectible_not_found_contract_part_2_bold') }}
+                                </span>
+                                {{ $t('nft.collectible_not_found_contract_part_3') }}
+
+                                <template v-if="contractAddressIsValid">
+                                    {{ $t('nft.collectible_not_found_contract_part_4') }}
+                                    <br>
+                                    <ExternalLink :text="contractAddress" :url="contractLink" />
+                                </template>
+
+                                <template v-else>
+                                    {{ $t('nft.collectible_not_found_contract_invalid') }}
+                                </template>
+                            </p>
+                        </template>
+
+                        <template v-slot:2>
+                            <p>
+                                {{ $t('nft.collectible_not_found_nft_id_part_1') }}
+                                <span class="o-text--paragraph-bold">
+                                    {{ $t('global.id') }}
+                                </span>
+                                {{ $t('nft.collectible_not_found_nft_id_part_3') }}
+                            </p>
+                        </template>
+                    </NumberedList>
+                </template>
+
+                <template v-else>
+                    <p v-if="!nft.attributes?.length">
+                        {{ $t('nft.no_attributes') }}
+                    </p>
+
+                    <NftDetailsCard
+                        v-for="(attribute, index) in filteredAttributes"
+                        :key="`nft-attr-${index}`"
+                        :title="attribute.label"
+                        class="q-mb-sm"
+                    >
+                        {{ attribute.text }}
+                    </NftDetailsCard>
+                </template>
+            </div>
+        </div>
+    </template>
+    <template v-slot:transfer>
+        <div class="c-nft-transfer__form-container">
+
+            <q-form
+                class="c-nft-transfer__form"
+            >
+
+                <div class="c-nft-transfer__row c-nft-transfer__row--1 row">
+                    <div class="col">
+                        <div class="c-nft-transfer__transfer-text">
+                            {{ $t('nft.transfer') }} <span class="c-nft-transfer__transfer-text--bold"> {{ nft.contractPrettyName || nft.contractAddress }} #{{ nft.id }} </span>
+                        </div>
+                        <div class="c-nft-transfer__transfer-from c-nft-transfer__transfer-text--small">
+                            {{ $t('nft.transfer_from') }}
+                            &nbsp;
+                            <UserInfo
+                                class="c-nft-transfer__transfer-text--small c-nft-transfer__transfer-text--bold"
+                                :displayFullAddress="false"
+                                :showAddress="true"
+                                :showCopyBtn="false"
+                                :showUserMenu="false"
+                                :lightweight="true"
+                                :account="loggedAccount"
+                            />
+                            &nbsp;
+                            {{ $t('nft.transfer_on_telos') }}
+                        </div>
+                    </div>
+                </div>
 
-            <template v-else>
-                <p v-if="!nft.attributes?.length">
-                    {{ $t('nft.no_attributes') }}
-                </p>
+                <div class="c-nft-transfer__row c-nft-transfer__row--2 row">
+                    <div class="col">
+                        <AddressInput
+                            v-model="address"
+                            name="nft-transfer-address-input"
+                            :label="$t('evm_wallet.receiving_account')"
+                            @update:isValid="addressIsValid = $event"
+                        />
+                    </div>
+                </div>
 
-                <NftDetailsCard
-                    v-for="(attribute, index) in filteredAttributes"
-                    :key="`nft-attr-${index}`"
-                    :title="attribute.label"
-                    class="q-mb-sm"
-                >
-                    {{ attribute.text }}
-                </NftDetailsCard>
-            </template>
+                <div class="c-nft-transfer__row c-nft-transfer__row--3 row">
+                    <div class="col">
+                        <div class="justify-end row">
+                            <q-btn
+                                color="primary"
+                                class="wallet-btn"
+                                :label="$t('nft.transfer_collectible')"
+                                :loading="false"
+                                :disable="!addressIsValid"
+                                @click="startTransfer"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </q-form>
         </div>
-    </div>
+    </template>
 </AppPage>
 </template>
 
@@ -328,4 +437,57 @@ const filteredAttributes = computed(() =>
         height: 100px;
     }
 }
+
+.c-nft-transfer {
+    &__form-container {
+        animation: #{$anim-slide-in-left};
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+    }
+
+    &__form {
+        width: 100%;
+        max-width: 530px;
+    }
+
+    &__row {
+        gap: 16px;
+        &--1 {
+            margin-bottom: 24px;
+        }
+
+        &--2 {
+            margin-bottom: 24px;
+        }
+
+        &--3 {
+            margin-bottom: 24px;
+        }
+    }
+
+    &__transfer-from{
+        display: flex;
+    }
+
+    &__transfer-text{
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 400;
+
+        &--small{
+            font-size: 16px;
+                // override UserInfo component styling
+            .o-text--header-4{
+                font-size: 16px !important;
+            }
+        }
+
+        &--bold{
+            font-weight: 600;
+        }
+    }
+}
 </style>
diff --git a/src/pages/evm/nfts/NftInventoryPage.vue b/src/pages/evm/nfts/NftInventoryPage.vue
index 475e60846..cd25942d1 100644
--- a/src/pages/evm/nfts/NftInventoryPage.vue
+++ b/src/pages/evm/nfts/NftInventoryPage.vue
@@ -254,7 +254,6 @@ watch(searchFilter, (filter) => {
     }
 });
 
-
 // methods
 function getCollectionUrl(address: string) {
     const explorer = (chainStore.currentChain.settings as EVMChainSettings).getExplorerUrl();
diff --git a/src/pages/evm/wallet/ReceivePage.vue b/src/pages/evm/wallet/ReceivePage.vue
index 11d3e2614..22335880b 100644
--- a/src/pages/evm/wallet/ReceivePage.vue
+++ b/src/pages/evm/wallet/ReceivePage.vue
@@ -79,15 +79,6 @@ export default defineComponent({
 </template>
 
 <style lang="scss">
-.q-btn.wallet-btn {
-    @include text--header-5;
-    width: auto;
-    padding: 13px 24px;
-    &+& {
-        margin-left: 16px;
-    }
-}
-
 .c-receive-page {
     &__title-container {
         animation: #{$anim-slide-in-left};
@@ -122,6 +113,4 @@ export default defineComponent({
         max-width: 200px;
     }
 }
-
-
 </style>
diff --git a/src/pages/evm/wallet/SendPage.vue b/src/pages/evm/wallet/SendPage.vue
index acced0288..ec338ebda 100644
--- a/src/pages/evm/wallet/SendPage.vue
+++ b/src/pages/evm/wallet/SendPage.vue
@@ -158,10 +158,6 @@ export default defineComponent({
                 return ethers.constants.Zero;
             }
         },
-        isAddressValid(): boolean {
-            const regex = /^0x[a-fA-F0-9]{40}$/;
-            return regex.test(this.address);
-        },
         isFormValid(): boolean {
             return this.addressIsValid && !(this.amount.isZero() || this.amount.isNegative() || this.amount.gt(this.availableInTokensBn));
         },
@@ -406,14 +402,6 @@ export default defineComponent({
 </template>
 
 <style lang="scss">
-.q-btn.wallet-btn {
-    @include text--header-5;
-    &+& {
-        margin-left: 16px;
-    }
-}
-
-
 .c-send-page {
     &__title-container {
         flex-direction: column;
diff --git a/yarn.lock b/yarn.lock
index 5760e586d..48d059c1c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5058,7 +5058,7 @@ browserify-des@^1.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
-browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
+browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
   integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
@@ -5067,19 +5067,19 @@ browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
     randombytes "^2.0.1"
 
 browserify-sign@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.1.tgz#eaf4add46dd54be3bb3b36c0cf15abbeba7956c3"
-  integrity sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.2.tgz#e78d4b69816d6e3dd1c747e64e9947f9ad79bc7e"
+  integrity sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==
   dependencies:
-    bn.js "^5.1.1"
-    browserify-rsa "^4.0.1"
+    bn.js "^5.2.1"
+    browserify-rsa "^4.1.0"
     create-hash "^1.2.0"
     create-hmac "^1.1.7"
-    elliptic "^6.5.3"
+    elliptic "^6.5.4"
     inherits "^2.0.4"
-    parse-asn1 "^5.1.5"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
+    parse-asn1 "^5.1.6"
+    readable-stream "^3.6.2"
+    safe-buffer "^5.2.1"
 
 browserify-zlib@^0.2.0:
   version "0.2.0"
@@ -11182,7 +11182,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0, parse-asn1@^5.1.5:
+parse-asn1@^5.0.0, parse-asn1@^5.1.6:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
   integrity sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==
@@ -12238,7 +12238,7 @@ readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readable-stream@^3.5.0:
+readable-stream@^3.5.0, readable-stream@^3.6.2:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==