diff --git a/components/Account/DexOrdersData.js b/components/Account/DexOrdersData.js
index 4646f3ed..79012714 100644
--- a/components/Account/DexOrdersData.js
+++ b/components/Account/DexOrdersData.js
@@ -161,7 +161,7 @@ export default function DexOrdersData({ account, offerList, ledgerTimestamp, set
               {offerList.length > 5 ? (
                 <>
                   The last 5 DEX orders{historicalTitle} [
-                  <a href={`/account/${address}/dex`} className="link bold">
+                  <a href={`/account/${address}/dex`} className="link">
                     View all ({offerList.length} total)
                   </a>{' '}
                   ]
@@ -169,7 +169,7 @@ export default function DexOrdersData({ account, offerList, ledgerTimestamp, set
               ) : (
                 <>
                   {offerList.length} DEX orders{historicalTitle} [
-                  <a href={`/account/${address}/dex`} className="link bold">
+                  <a href={`/account/${address}/dex`} className="link">
                     View details
                   </a>
                   ]
@@ -204,7 +204,7 @@ export default function DexOrdersData({ account, offerList, ledgerTimestamp, set
           {offerList.length > 5 ? (
             <>
               The last 5 DEX orders{historicalTitle} [
-              <a href={`/account/${address}/dex`} className="link bold">
+              <a href={`/account/${address}/dex`} className="link">
                 View all ({offerList.length} total)
               </a>{' '}
               ]
@@ -212,7 +212,7 @@ export default function DexOrdersData({ account, offerList, ledgerTimestamp, set
           ) : (
             <>
               {offerList.length} DEX orders{historicalTitle} [
-              <a href={`/account/${address}/dex`} className="link bold">
+              <a href={`/account/${address}/dex`} className="link">
                 View details
               </a>
               ]
diff --git a/components/Account/NFTokenData.js b/components/Account/NFTokenData.js
index 39867b3d..3304b27b 100644
--- a/components/Account/NFTokenData.js
+++ b/components/Account/NFTokenData.js
@@ -1,16 +1,35 @@
 import Link from 'next/link'
+import { useState, useEffect } from 'react'
+import axios from 'axios'
+import { useTranslation } from 'next-i18next'
+import { xahauNetwork, useWidth } from '../../utils'
+import { nftName, nftNameLink, nftThumbnail, nftUrl } from '../../utils/nft'
+import LinkIcon from '../../public/images/link.svg'
+import { LinkTx } from '../../utils/links'
+import {
+  amountFormat,
+  fullDateAndTime,
+  nftLink,
+  nftOfferLink,
+  addressUsernameOrServiceLink,
+  AddressWithIconFilled,
+  dateFormat
+} from '../../utils/format'
 
-import { AddressWithIconFilled, fullDateAndTime } from '../../utils/format'
-
-export default function NFTokenData({ data, objects, ledgerTimestamp }) {
-  if (
-    !data?.ledgerInfo?.nftokenMinter &&
-    !data.ledgerInfo?.burnedNFTokens &&
-    !data.ledgerInfo?.mintedNFTokens &&
-    !(objects?.nftOfferList?.length > 0) &&
-    !(objects?.nftList?.length > 0)
-  )
-    return ''
+export default function NFTokenData({ data, address, objects, ledgerTimestamp, selectedCurrency }) {
+  const windowWidth = useWidth()
+  const { t } = useTranslation()
+  const [ownedNfts, setOwnedNfts] = useState([])
+  const [soldNfts, setSoldNfts] = useState([])
+  const [createdOffers, setCreatedOffers] = useState([])
+  const [receivedOffers, setReceivedOffers] = useState([])
+  const [errorMessage, setErrorMessage] = useState('')
+  const [loading, setLoading] = useState({
+    owned: true,
+    sold: true,
+    createdOffers: true,
+    receivedOffers: true
+  })
 
   const title = 'NFT Data'
 
@@ -25,7 +44,7 @@ export default function NFTokenData({ data, objects, ledgerTimestamp }) {
   ) : objects?.nftList?.length > 0 ? (
     <>
       {!ledgerTimestamp ? (
-        <Link href={'/nfts/' + data?.address + '?includeWithoutMediaData=true'} className="bold">
+        <Link href={'/nfts/' + address + '?includeWithoutMediaData=true'} className="bold">
           View owned NFTs ({objects.nftList.length})
         </Link>
       ) : (
@@ -41,7 +60,7 @@ export default function NFTokenData({ data, objects, ledgerTimestamp }) {
   ) : objects?.nftOfferList?.length > 0 ? (
     <>
       {!ledgerTimestamp ? (
-        <Link href={'/nft-offers/' + data?.address} className="bold">
+        <Link href={'/nft-offers/' + address} className="bold">
           View NFT Offers ({objects.nftOfferList.length})
         </Link>
       ) : (
@@ -55,7 +74,7 @@ export default function NFTokenData({ data, objects, ledgerTimestamp }) {
   const mintedNftsNode = (
     <>
       {!ledgerTimestamp ? (
-        <Link href={'/nft-explorer?includeWithoutMediaData=true&issuer=' + data?.address + '&includeBurned=true'}>
+        <Link href={'/nft-explorer?includeWithoutMediaData=true&issuer=' + address + '&includeBurned=true'}>
           View minted NFTs ({data.ledgerInfo.mintedNFTokens})
         </Link>
       ) : (
@@ -68,11 +87,7 @@ export default function NFTokenData({ data, objects, ledgerTimestamp }) {
     <>
       {!ledgerTimestamp ? (
         <Link
-          href={
-            '/nft-explorer?includeWithoutMediaData=true&issuer=' +
-            data?.address +
-            '&includeBurned=true&burnedPeriod=all'
-          }
+          href={'/nft-explorer?includeWithoutMediaData=true&issuer=' + address + '&includeBurned=true&burnedPeriod=all'}
         >
           View burned NFTs ({data.ledgerInfo.burnedNFTokens})
         </Link>
@@ -84,90 +99,448 @@ export default function NFTokenData({ data, objects, ledgerTimestamp }) {
 
   const nftMinterNode = <AddressWithIconFilled data={data.ledgerInfo} name="nftokenMinter" />
 
-  return (
-    <>
-      <table className="table-details hide-on-small-w800">
+  const fetchOwnedNfts = async () => {
+    try {
+      const response = await axios(`v2/nfts?owner=${address}&order=mintedNew&includeWithoutMediaData=true`)
+      console.log(response.data.nfts.length)
+      if (response?.data?.nfts) {
+        setOwnedNfts(response.data.nfts)
+      } else {
+        setOwnedNfts([])
+      }
+    } catch (error) {
+      setErrorMessage(t('error.' + error.message))
+      setOwnedNfts([])
+    } finally {
+      setLoading((prev) => ({ ...prev, owned: false }))
+    }
+  }
+
+  const fetchSoldNfts = async () => {
+    try {
+      const response = await axios(
+        `v2/nft-sales?seller=${address}&list=lastSold&convertCurrencies=${selectedCurrency?.toLowerCase()}&sortCurrency=${selectedCurrency?.toLowerCase()}`
+      )
+      if (response?.data?.sales) {
+        setSoldNfts(response.data.sales)
+      } else {
+        setSoldNfts([])
+      }
+    } catch (error) {
+      setErrorMessage(t('error.' + error.message))
+      setSoldNfts([])
+    } finally {
+      setLoading((prev) => ({ ...prev, sold: false }))
+    }
+  }
+
+  const fetchCreatedOffers = async () => {
+    try {
+      const response = await axios(`v2/nft-offers/${address}?list=counterOffers&nftoken=true&offersValidate=true`)
+      if (response?.data?.nftOffers) {
+        setCreatedOffers(
+          response.data.nftOffers
+            .sort((a, b) => (a.createdAt < b.createdAt ? 1 : -1))
+            .filter(function (offer) {
+              return offer.valid
+            })
+            .slice(0, 5)
+        )
+      } else {
+        setCreatedOffers([])
+      }
+    } catch (error) {
+      setErrorMessage(t('error.' + error.message))
+      setCreatedOffers([])
+    } finally {
+      setLoading((prev) => ({ ...prev, createdOffers: false }))
+    }
+  }
+
+  const fetchReceivedOffers = async () => {
+    try {
+      const response = await axios(
+        `v2/nft-offers/${address}?list=privatelyOfferedToAddress&nftoken=true&offersValidate=true`
+      )
+      if (response?.data?.nftOffers) {
+        setReceivedOffers(
+          response.data.nftOffers
+            .sort((a, b) => (a.createdAt < b.createdAt ? 1 : -1))
+            .filter(function (offer) {
+              return offer.valid
+            })
+            .slice(0, 5)
+        )
+      } else {
+        setReceivedOffers([])
+      }
+    } catch (error) {
+      setErrorMessage(t('error.' + error.message))
+      setReceivedOffers([])
+    } finally {
+      setLoading((prev) => ({ ...prev, receivedOffers: false }))
+    }
+  }
+
+  useEffect(() => {
+    // Fetch owned NFTs (last bought)
+    if (objects?.nftList?.length > 0) {
+      fetchOwnedNfts()
+    }
+
+    // Fetch sold NFTs
+    fetchSoldNfts()
+
+    // Fetch created offers
+    if (objects?.nftOfferList?.length > 0) {
+      fetchCreatedOffers()
+    }
+
+    // Fetch received offers
+    if (objects?.nftList?.length > 0) {
+      fetchReceivedOffers()
+    }
+  }, [objects])
+
+  const renderNFTSection = (type, title, nfts, loading) => {
+    if (loading) {
+      return (
+        <div className="nft-section">
+          <h3>{title}</h3>
+          <div className="center">
+            <span className="waiting"></span>
+            <br />
+            {t('general.loading')}
+          </div>
+        </div>
+      )
+    }
+
+    return (
+      <table
+        className={windowWidth > 800 ? 'table-details' : 'table-mobile'}
+        style={{ width: '100%', marginTop: '15px' }}
+      >
         <thead>
           <tr>
-            <th colSpan="100">{historicalTitle || title}</th>
+            <th colSpan="100" className="left">
+              {nfts?.length > 1 ? nfts.length : ''} {title}
+              {nfts?.length > 0 && (
+                <>
+                  {' '}
+                  [
+                  <Link
+                    href={
+                      type === 'owned'
+                        ? `/nfts/${address}?includeWithoutMediaData=true&limit=50`
+                        : `/nft-sales?seller=${address}&period=all&limit=50`
+                    }
+                  >
+                    View All
+                  </Link>
+                  ]
+                </>
+              )}
+            </th>
           </tr>
         </thead>
         <tbody>
-          {data?.ledgerInfo?.activated && (
-            <tr>
-              <td>Owned NFTs</td>
-              <td>{ownedNftsNode}</td>
-            </tr>
-          )}
-          {data.ledgerInfo?.mintedNFTokens && (
-            <tr>
-              <td>Minted NFTs</td>
-              <td>{mintedNftsNode}</td>
-            </tr>
-          )}
-          {data.ledgerInfo?.burnedNFTokens && (
-            <tr>
-              <td>Burned NFTs</td>
-              <td>{burnedNftsNode}</td>
-            </tr>
-          )}
-          {data?.ledgerInfo?.activated && (
-            <tr>
-              <td>NFT Offers</td>
-              <td>{nftOffersNode}</td>
-            </tr>
-          )}
-          {data.ledgerInfo?.firstNFTokenSequence && (
-            <tr>
-              <td>First NFT sequence</td>
-              <td>{data.ledgerInfo.firstNFTokenSequence}</td>
-            </tr>
-          )}
-          {data.ledgerInfo?.nftokenMinter && (
+          <tr>
+            {nfts?.length > 0 ? (
+              <td>
+                {nfts?.map((nft, i) => (
+                  <Link href={'/nft/' + nft.nftokenID} key={i}>
+                    <img
+                      src={nftUrl(nft?.nftoken || nft, 'image')} // src={nftUrl(nft?.nftoken || nft, 'thumbnail')} - lower quality but faster
+                      alt={nftName(nft?.nftoken || nft) || 'NFT'}
+                      style={{ width: '48px', height: '48px', borderRadius: '4px', margin: '2px' }}
+                    />
+                  </Link>
+                ))}
+              </td>
+            ) : (
+              <td className="center">
+                <p className="center grey">We couldn't find any NFTs.</p>
+              </td>
+            )}
+          </tr>
+        </tbody>
+      </table>
+    )
+  }
+
+  const renderOffersSection = (type, title, offers, loading) => {
+    const titleNode = (
+      <>
+        {offers?.length > 1 ? offers.length : ''} {title}{' '}
+        {offers?.length ? (
+          <>
+            [
+            <Link
+              href={
+                '/nft-offers/' +
+                address +
+                '?offerList=' +
+                (type === 'created' ? 'for-owned-nfts' : 'privately-offered-to-address')
+              }
+            >
+              View All
+            </Link>
+            ]
+          </>
+        ) : (
+          ''
+        )}
+      </>
+    )
+    if (windowWidth > 800) {
+      return (
+        <table className="table-details">
+          <thead>
             <tr>
-              <td>NFT minter</td>
-              <td>{nftMinterNode}</td>
+              <th colSpan="100">{titleNode}</th>
             </tr>
-          )}
+          </thead>
+          <tbody>
+            {!offers?.length ? (
+              <p className="center grey">{t('nft-offers.no-nft-offers')}</p>
+            ) : (
+              <tr>
+                {!xahauNetwork && (
+                  <th className="center" style={{ width: '10px' }}>
+                    {t('table.offer')}
+                  </th>
+                )}
+                <th className="center">NFT</th>
+                <th className="center">{t('table.type')}</th>
+                <th className="center">{t('table.amount')}</th>
+                <th className="center">{t('table.placed')}</th>
+                {type === 'created' && <th className="center">{t('table.destination')}</th>}
+              </tr>
+            )}
+            {loading ? (
+              <tr className="center">
+                <td colSpan="100">
+                  <span className="waiting"></span>
+                  <br />
+                  {t('general.loading')}
+                  <br />
+                </td>
+              </tr>
+            ) : (
+              <>
+                {!errorMessage ? (
+                  offers.slice(0, 5).map((offer, i) => (
+                    <tr key={i}>
+                      {!xahauNetwork && (
+                        <td className="center" style={{ width: '10px' }}>
+                          <Link href={'/nft-offer/' + offer.offerIndex}>
+                            <LinkIcon />
+                          </Link>
+                        </td>
+                      )}
+                      <td className="center">{nftThumbnail(offer?.nftoken)}</td>
+                      <td className="center">
+                        {offer?.flags?.sellToken === true || xahauNetwork ? t('table.text.sell') : t('table.text.buy')}
+                      </td>
+                      <td className="center">{amountFormat(offer?.amount, { tooltip: true, maxFractionDigits: 2 })}</td>
+                      <td className="center">
+                        {dateFormat(offer?.createdAt)} <LinkTx tx={offer?.createdTxHash} icon={true} />
+                      </td>
+                      {type === 'created' && <td className="center">{nftLink(offer, 'destination')}</td>}
+                    </tr>
+                  ))
+                ) : (
+                  <tr>
+                    <td colSpan="9" className="center orange bold">
+                      {errorMessage}
+                    </td>
+                  </tr>
+                )}
+              </>
+            )}
+          </tbody>
+        </table>
+      )
+    } else {
+      return (
+        <table className="table-mobile" style={{ width: '100%', marginTop: '15px' }}>
+          <thead></thead>
+          <tbody>
+            {loading ? (
+              <tr className="center">
+                <td colSpan="100">
+                  <br />
+                  <span className="waiting"></span>
+                  <br />
+                  {t('general.loading')}
+                  <br />
+                  <br />
+                </td>
+              </tr>
+            ) : (
+              <>
+                <tr>
+                  <td colSpan="100">{titleNode}</td>
+                </tr>
+                {!errorMessage && offers?.length ? (
+                  offers.slice(0, 5).map((offer, i) => (
+                    <tr key={i}>
+                      <td style={{ padding: '5px' }} className="center">
+                        <p>{nftThumbnail(offer.nftoken)}</p>
+                      </td>
+                      <td>
+                        {!xahauNetwork && (
+                          <p>
+                            {t('table.offer')}: {nftOfferLink(offer.offerIndex)}
+                          </p>
+                        )}
+                        <p>
+                          NFT: {nftName(offer.nftoken) ? nftNameLink(offer.nftoken) : nftOfferLink(offer.offerIndex)}
+                        </p>
+                        <p>
+                          {t('table.type')}:{' '}
+                          {offer.flags?.sellToken === true || xahauNetwork ? t('table.text.sell') : t('table.text.buy')}
+                        </p>
+                        <p>
+                          {t('table.amount')}: {amountFormat(offer.amount)}
+                        </p>
+                        <p>
+                          {t('table.placed')}: {dateFormat(offer.createdAt)}{' '}
+                          <LinkTx tx={offer.createdTxHash} icon={true} />
+                        </p>
+                        {offer.destination && (
+                          <p>
+                            {t('table.destination')}: {addressUsernameOrServiceLink(offer, 'destination')}
+                          </p>
+                        )}
+                        {!offer.valid && (
+                          <p>
+                            {t('table.status')}: <span className="orange">{t('table.text.invalid')}</span>
+                          </p>
+                        )}
+                      </td>
+                    </tr>
+                  ))
+                ) : (
+                  <tr>
+                    {errorMessage && (
+                      <td colSpan="100" className="center orange bold">
+                        {errorMessage}
+                      </td>
+                    )}
+                    {!offers?.length && (
+                      <td colSpan="100" className="center grey">
+                        {t('nft-offers.no-nft-offers')}
+                      </td>
+                    )}
+                  </tr>
+                )}
+              </>
+            )}
+          </tbody>
+        </table>
+      )
+    }
+  }
+
+  const getMetaData = () => {
+    return (
+      <>
+        {renderNFTSection('owned', 'Owned NFTs', ownedNfts, loading.owned, 'name')}
+        {renderNFTSection('sold', 'Sold NFTs', soldNfts, loading.sold, 'soldNew')}
+        {renderOffersSection('created', 'NFT Offers Created', createdOffers, loading.createdOffers)}
+        {renderOffersSection('received', 'Received NFT Offers', receivedOffers, loading.receivedOffers)}
+        {windowWidth < 800 && <br />}
+      </>
+    )
+  }
+
+  let isEmpty =
+    !data?.ledgerInfo?.nftokenMinter &&
+    !data.ledgerInfo?.burnedNFTokens &&
+    !data.ledgerInfo?.mintedNFTokens &&
+    !(objects?.nftOfferList?.length > 0) &&
+    !(objects?.nftList?.length > 0)
 
-          {data.ledgerInfo?.flags?.disallowIncomingNFTokenOffer && (
+  return (
+    <>
+      {!isEmpty && (
+        <table className="table-details hide-on-small-w800">
+          <thead>
             <tr>
-              <td>Incoming NFT offers</td>
-              <td className="bold">disallowed</td>
+              <th colSpan="100">{historicalTitle || title}</th>
             </tr>
-          )}
-        </tbody>
-      </table>
+          </thead>
+          <tbody>
+            {data.ledgerInfo?.mintedNFTokens && (
+              <tr>
+                <td>Minted NFTs</td>
+                <td>{mintedNftsNode}</td>
+              </tr>
+            )}
+            {data.ledgerInfo?.burnedNFTokens && (
+              <tr>
+                <td>Burned NFTs</td>
+                <td>{burnedNftsNode}</td>
+              </tr>
+            )}
+            {data.ledgerInfo?.firstNFTokenSequence && (
+              <tr>
+                <td>First NFT sequence</td>
+                <td>{data.ledgerInfo.firstNFTokenSequence}</td>
+              </tr>
+            )}
+            {data.ledgerInfo?.nftokenMinter && (
+              <tr>
+                <td>NFT minter</td>
+                <td>{nftMinterNode}</td>
+              </tr>
+            )}
+            {data.ledgerInfo?.flags?.disallowIncomingNFTokenOffer && (
+              <tr>
+                <td>Incoming NFT offers</td>
+                <td className="bold">disallowed</td>
+              </tr>
+            )}
+          </tbody>
+        </table>
+      )}
+      {getMetaData()}
+
       <div className="show-on-small-w800">
         <center>{historicalTitle || title.toUpperCase()}</center>
-
-        {data?.ledgerInfo?.activated && <p>{ownedNftsNode}</p>}
-        {data.ledgerInfo?.mintedNFTokens && <p>{mintedNftsNode}</p>}
-        {data.ledgerInfo?.burnedNFTokens && <p>{burnedNftsNode}</p>}
-        {data?.ledgerInfo?.activated && <p>{nftOffersNode}</p>}
-        {data.ledgerInfo?.firstNFTokenSequence && (
-          <p>
-            <span className="grey">First NFT sequence</span> {data.ledgerInfo.firstNFTokenSequence}
-          </p>
-        )}
-        {data.ledgerInfo?.nftokenMinter && (
+        {!isEmpty && (
           <>
-            <p>
-              <span className="grey">NFT minter</span>
-            </p>
-            {nftMinterNode}
+            {data?.ledgerInfo?.activated && <p>{ownedNftsNode}</p>}
+            {data.ledgerInfo?.mintedNFTokens && <p>{mintedNftsNode}</p>}
+            {data.ledgerInfo?.burnedNFTokens && <p>{burnedNftsNode}</p>}
+            {data?.ledgerInfo?.activated && <p>{nftOffersNode}</p>}
+            {data.ledgerInfo?.firstNFTokenSequence && (
+              <p>
+                <span className="grey">First NFT sequence</span> {data.ledgerInfo.firstNFTokenSequence}
+              </p>
+            )}
+            {data.ledgerInfo?.nftokenMinter && (
+              <>
+                <p>
+                  <span className="grey">NFT minter</span>
+                </p>
+                {nftMinterNode}
+              </>
+            )}
+            {data.ledgerInfo?.flags?.disallowIncomingNFTokenOffer && (
+              <p>
+                <span className="grey">Incoming NFT offers</span> <span className="bold">disallowed</span>
+              </p>
+            )}
+            {data.ledgerInfo?.flags?.uriTokenIssuer && (
+              <p>
+                <span className="grey">URI token issuer</span> <span className="bold">true</span>
+              </p>
+            )}
           </>
         )}
-        {data.ledgerInfo?.flags?.disallowIncomingNFTokenOffer && (
-          <p>
-            <span className="grey">Incoming NFT offers</span> <span className="bold">disallowed</span>
-          </p>
-        )}
-        {data.ledgerInfo?.flags?.uriTokenIssuer && (
-          <p>
-            <span className="grey">URI token issuer</span> <span className="bold">true</span>
-          </p>
-        )}
       </div>
     </>
   )
diff --git a/components/Tiles.js b/components/Tiles.js
index 0688e4cc..487d2192 100644
--- a/components/Tiles.js
+++ b/components/Tiles.js
@@ -30,7 +30,7 @@ const addressName = (details, name) => {
   return ''
 }
 
-export default function Tiles({ nftList, type = 'name', convertCurrency, account }) {
+export default function Tiles({ nftList, type = 'name', convertCurrency, account, disabled = false }) {
   const { t } = useTranslation()
   const router = useRouter()
 
@@ -107,25 +107,27 @@ export default function Tiles({ nftList, type = 'name', convertCurrency, account
                       <div className="title-text">
                         {type === 'name' ? nftName(nft, { maxLength: 18 }) : saleData(nft.sellOffers)}
                       </div>
-                      <div className="title-full">
-                        {nftName(nft) ? (
-                          <>
-                            {t('table.name')}: {nftName(nft)}
-                            <br />
-                          </>
-                        ) : (
-                          ''
-                        )}
-                        {!xahauNetwork && (
-                          <>
-                            {t('table.serial')}: {nft.sequence}
-                            <br />
-                            {t('table.taxon')}: {nft.nftokenTaxon}
-                          </>
-                        )}
-                        {addressName(nft.issuerDetails, t('table.issuer'))}
-                        {addressName(nft.ownerDetails, t('table.owner'))}
-                      </div>
+                      {!disabled &&
+                        <div className="title-full">
+                          {nftName(nft) ? (
+                            <>
+                              {t('table.name')}: {nftName(nft)}
+                              <br />
+                            </>
+                          ) : (
+                            ''
+                          )}
+                          {!xahauNetwork && (
+                            <>
+                              {t('table.serial')}: {nft.sequence}
+                              <br />
+                              {t('table.taxon')}: {nft.nftokenTaxon}
+                            </>
+                          )}
+                          {addressName(nft.issuerDetails, t('table.issuer'))}
+                          {addressName(nft.ownerDetails, t('table.owner'))}
+                        </div>
+                      }
                     </Link>
                   </div>
                 </li>
@@ -157,26 +159,28 @@ export default function Tiles({ nftList, type = 'name', convertCurrency, account
                       <div className="title-text">
                         {convertedAmount(nft, convertCurrency, { short: true }) || amountFormat(nft.amount)}
                         <br />
-                        {timeOrDate(nft.acceptedAt)}
-                      </div>
-                      <div className="title-full">
-                        {nftName(nft.nftoken) ? (
-                          <>
-                            {t('table.name')}: {nftName(nft.nftoken, { maxLength: 18 })}
-                          </>
-                        ) : (
-                          ''
-                        )}
-                        {addressName(nft.nftoken?.issuerDetails, t('table.issuer'))}
-                        <br />
-                        {t('table.price')}: {amountFormat(nft.amount)}
-                        {nft.marketplace && (
-                          <>
-                            <br />
-                            {t('table.marketplace')}: {nft.marketplace}
-                          </>
-                        )}
+                        {!disabled && timeOrDate(nft.acceptedAt)}
                       </div>
+                      {!disabled &&
+                        <div className="title-full">
+                          {nftName(nft.nftoken) ? (
+                            <>
+                              {t('table.name')}: {nftName(nft.nftoken, { maxLength: 18 })}
+                            </>
+                          ) : (
+                            ''
+                          )}
+                          {addressName(nft.nftoken?.issuerDetails, t('table.issuer'))}
+                          <br />
+                          {t('table.price')}: {amountFormat(nft.amount)}
+                          {nft.marketplace && (
+                            <>
+                              <br />
+                              {t('table.marketplace')}: {nft.marketplace}
+                            </>
+                          )}
+                        </div>
+                      }
                     </Link>
                   </div>
                 </li>
diff --git a/pages/account/[id].js b/pages/account/[id].js
index 40fddd73..c21d702a 100644
--- a/pages/account/[id].js
+++ b/pages/account/[id].js
@@ -582,7 +582,11 @@ export default function Account({
                           </div>
                           {/* don't show yet obligations historically */}
                           {data?.obligations?.trustlines > 0 && !data?.ledgerInfo?.ledgerTimestamp && (
-                            <IssuedTokensData data={data} selectedCurrency={selectedCurrency} pageFiatRate={pageFiatRate} />
+                            <IssuedTokensData
+                              data={data}
+                              selectedCurrency={selectedCurrency}
+                              pageFiatRate={pageFiatRate}
+                            />
                           )}
 
                           <div id="dex-orders-section">
@@ -600,8 +604,10 @@ export default function Account({
                           ) : (
                             <NFTokenData
                               data={data}
+                              address={data?.address}
                               objects={objects}
                               ledgerTimestamp={data?.ledgerInfo?.ledgerTimestamp}
+                              selectedCurrency={selectedCurrency}
                             />
                           )}
 
@@ -680,4 +686,4 @@ export default function Account({
       `}</style>
     </>
   )
-} 
\ No newline at end of file
+}