diff --git a/src/components/table/Table.module.sass b/src/components/table/Table.module.sass
index 42a6759..fe1c808 100644
--- a/src/components/table/Table.module.sass
+++ b/src/components/table/Table.module.sass
@@ -27,6 +27,10 @@ $zero_margin: 0
   .DfCol
     width: 100%
 
+.RowValue
+  display: flex
+  flex-direction: column
+
 .Card
   min-height: 5rem
   border-radius: $border_radius_normal
@@ -322,6 +326,7 @@ $zero_margin: 0
     border-bottom: 1px solid #f0f0f0
 
   .NonTokenImage
-    width: 24px
+    max-width: 24px
+    width: 100%
     height: 24px
     font-size: $font_small
diff --git a/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx b/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx
index c40773b..5e4f666 100644
--- a/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx
+++ b/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx
@@ -31,13 +31,13 @@ import { convertAddressToChainFormat, SubIcon } from '../../../utils/index'
 import { AccountIdentitiesRecord } from '../../../../rtk/features/identities/identitiesSlice'
 import { AccountInfoByChain } from '../../../identity/types'
 import { getSubsocialIdentityByAccount } from '../../../../rtk/features/identities/identitiesHooks'
-import { RiQuestionLine } from 'react-icons/ri'
 import { BalanceView } from '../../../homePage/address-views/utils/index'
 import { TFunction } from 'i18next'
 import { Button, Tooltip } from 'antd'
 import { FiSend } from 'react-icons/fi'
 import { LinksButton } from '../../links/Links'
-import { PnlData } from '../utils'
+import { PnlInDollars, PriceChangedOn } from '../utils'
+import { InfoCircleOutlined } from '@ant-design/icons'
 
 const getAccountData = (info: AccountInfoByChain, t: TFunction) => {
   const { reservedBalance, freeBalance, lockedBalance } = info
@@ -306,7 +306,7 @@ export const parseBalancesTableInfo = ({
                       className='d-flex align-items-center'
                     >
                       <div>{label}</div>
-                      <RiQuestionLine className='ml-1 GrayIcon' />
+                      <InfoCircleOutlined className='ml-1 GrayIcon' />
                     </Tooltip>
                   </div>
                 )
@@ -346,6 +346,25 @@ export const parseBalancesTableInfo = ({
               </div>
             )
 
+            const priceView = (
+              <div className={styles.RowValue}>
+                {price}
+                {!isMulti && <PriceChangedOn symbol={nativeSymbol} />}
+              </div>
+            )
+
+            const totalView = (
+              <div className={styles.RowValue}>
+                <BalanceView value={totalValue} symbol='$' startWithSymbol />
+                {!isMulti && (
+                  <PnlInDollars
+                    balanceValue={balanceValue}
+                    symbol={nativeSymbol}
+                  />
+                )}
+              </div>
+            )
+
             const chain = !isMulti ? (
               <ChainData
                 accountId={account}
@@ -354,9 +373,6 @@ export const parseBalancesTableInfo = ({
                 icon={icon}
                 name={name}
                 eventSource='balance_table'
-                desc={
-                  <PnlData symbol={nativeSymbol} balanceValue={balanceValue} />
-                }
               />
             ) : (
               <AccountPreview
@@ -383,14 +399,8 @@ export const parseBalancesTableInfo = ({
               chain: chainValue,
               symbol: nativeSymbol,
               balance: getBalancePart(true),
-              price: !isMulti ? price : <></>,
-              total: (
-                <BalanceView
-                  value={totalTokensValue}
-                  symbol='$'
-                  startWithSymbol
-                />
-              ),
+              price: !isMulti ? priceView : <></>,
+              total: totalView,
               totalTokensValue,
               icon,
               name,
@@ -400,7 +410,7 @@ export const parseBalancesTableInfo = ({
               balanceWithoutChildren: getBalancePart(false),
               balanceValue,
               balanceView: getBalancePart(true),
-              links: (
+              links: isMulti ? [] : (
                 <LinksButton
                   network={supportedNetwork}
                   action={onButtonClick}
@@ -409,14 +419,14 @@ export const parseBalancesTableInfo = ({
                 />
               ),
               showLinks: (isShow: boolean) => (
-                <LinksButton
+                !isMulti && <LinksButton
                   action={onButtonClick}
                   network={supportedNetwork}
                   showActionButton={isShow}
                   disableTransferButton={!chainInfo.isTransferable || loading}
                 />
               ),
-              transferAction: (
+              transferAction: !isMulti && (
                 <Button
                   disabled={!chainInfo.isTransferable || loading}
                   size='small'
@@ -432,7 +442,7 @@ export const parseBalancesTableInfo = ({
           .filter(isDef)
 
       if (isMulti) {
-        const { balanceValueBN, totalValueBN, balance, total } =
+        const { balanceValueBN, totalValueBN, totalTokensValueBN, balance } =
           getParentBalances(balancesByNetwork, nativeSymbol)
 
         const childrenBalances: any = {}
@@ -474,27 +484,62 @@ export const parseBalancesTableInfo = ({
             accountId={numberOfAccounts}
             isMonosizedFont={false}
             withCopy={false}
-            desc={<PnlData symbol={nativeSymbol} balanceValue={balanceValueBN} />}
           />
         )
 
+        const priceView = (
+          <div className={styles.RowValue}>
+            {price}
+            <PriceChangedOn symbol={nativeSymbol} />
+          </div>
+        )
+
+        const totalView = (
+          <div className={styles.RowValue}>
+            <BalanceView value={totalValueBN} symbol='$' startWithSymbol />
+            <PnlInDollars balanceValue={balanceValueBN} symbol={nativeSymbol} />
+          </div>
+        )
+
+        const onButtonClick = (e: React.MouseEvent<HTMLElement>) => {
+          e.stopPropagation()
+          e.currentTarget?.blur()
+          onTransferClick(nativeSymbol, id)
+        }
+
         return [
           {
             key: supportedNetwork,
             chain,
             balance: getBalancePart(true),
             address: numberOfAccounts,
-            price,
+            price: priceView,
             symbol: nativeSymbol,
-            total,
+            total: totalView,
             icon,
             name,
             chainName: name,
-            totalTokensValue: totalValueBN,
+            totalTokensValue: totalTokensValueBN,
             totalValue: totalValueBN,
             balanceWithoutChildren: getBalancePart(false),
             balanceValue: balanceValueBN,
             balanceView: getBalancePart(true),
+            links: (
+              <LinksButton
+                network={supportedNetwork}
+                action={onButtonClick}
+                showActionButton={false}
+                disableTransferButton={!chainInfo.isTransferable || loading}
+              />
+            ),
+            showLinks: (isShow: boolean) => (
+              <LinksButton
+                action={onButtonClick}
+                network={supportedNetwork}
+                showActionButton={isShow}
+                disableTransferButton={!chainInfo.isTransferable || loading}
+              />
+            ),
             ...childrenBalances,
           },
         ]
@@ -506,8 +551,11 @@ export const parseBalancesTableInfo = ({
 
   const balancesInfo = parsedData.filter(isDef).flat()
 
-  const balancesInfoSorted = balancesInfo.sort((a, b) =>
-    b.totalTokensValue.minus(a.totalTokensValue).toNumber()
+  const balancesInfoSorted = balancesInfo.sort(
+    (a, b) =>
+      b.totalValue.minus(a.totalValue).toNumber() ||
+      b.balanceValue.minus(a.balanceValue).toNumber() ||
+      b.totalTokensValue.minus(a.totalTokensValue).toNumber()
   )
 
   return balancesInfoSorted
diff --git a/src/components/table/balancesTable/parseData/parseTokenCentricView.tsx b/src/components/table/balancesTable/parseData/parseTokenCentricView.tsx
index 4b032f9..1e52438 100644
--- a/src/components/table/balancesTable/parseData/parseTokenCentricView.tsx
+++ b/src/components/table/balancesTable/parseData/parseTokenCentricView.tsx
@@ -35,13 +35,14 @@ import { FiSend } from 'react-icons/fi'
 import tokensCentricImages from 'public/images/folderStructs/token-centric-images.json'
 import { getSubsocialIdentityByAccount } from 'src/rtk/features/identities/identitiesHooks'
 import {
+  PnlInDollars,
+  PriceChangedOn,
   allowedTokensByNetwork,
   decodeTokenId,
   encodeTokenId,
   getBalancePart,
 } from '../utils'
-import { PnlData } from '../utils/index'
-import { RiQuestionLine } from 'react-icons/ri'
+import { InfoCircleOutlined } from '@ant-design/icons'
 
 export type ParseBalanceTableInfoProps = {
   chainsInfo: MultiChainInfo
@@ -206,19 +207,29 @@ export const parseTokenCentricView = ({
           onTransferClick(tokenId, firstNetwork, { id: assetRedistyId })
         }
 
+        const priceView = (
+          <div className={styles.RowValue}>
+            {price}
+            {!isMulti && <PriceChangedOn symbol={tokenId} />}
+          </div>
+        )
+
+        const totalView = (
+          <div className={styles.RowValue}>
+            <BalanceView value={totalValue} symbol='$' startWithSymbol />
+            {!isMulti && (
+              <PnlInDollars
+                balanceValue={balanceValueWithDecimals}
+                symbol={tokenId}
+              />
+            )}
+          </div>
+        )
         const chain = !isMulti ? (
           <ChainData
             icon={imagePath}
             name={tokenId}
-            desc={
-              <div>
-                <NetworksIcons networkIcons={networkIcons} withCounter />
-                <PnlData
-                  symbol={tokenId}
-                  balanceValue={balanceValueWithDecimals}
-                />
-              </div>
-            }
+            desc={<NetworksIcons networkIcons={networkIcons} withCounter />}
           />
         ) : (
           <AccountPreview
@@ -234,8 +245,8 @@ export const parseTokenCentricView = ({
           key: `${balancesKey}-${j}`,
           chain: isMulti ? <div className='ml-5'>{chain}</div> : chain,
           balance: getBalancePart(balance, true),
-          price: !isMulti ? price : <></>,
-          total: <BalanceView value={totalValue} symbol='$' startWithSymbol />,
+          price: !isMulti ? priceView : <></>,
+          total: totalView,
           totalTokensValue: totalValue,
           icon: imagePath,
           name: tokenId,
@@ -265,7 +276,7 @@ export const parseTokenCentricView = ({
       .filter(isDef)
 
     if (isMulti) {
-      const { balanceValueBN, totalValueBN, balance, total } =
+      const { balanceValueBN, totalValueBN, totalTokensValueBN, balance } =
         getParentBalances(balancesByKey, tokenId)
 
       const childrenBalances: any = {}
@@ -292,6 +303,20 @@ export const parseTokenCentricView = ({
           })
         : ''
 
+      const priceView = (
+        <div className={styles.RowValue}>
+          {price}
+          <PriceChangedOn symbol={tokenId} />
+        </div>
+      )
+
+      const totalView = (
+        <div className={styles.RowValue}>
+          <BalanceView value={totalValueBN} symbol='$' startWithSymbol />
+          <PnlInDollars balanceValue={balanceValueBN} symbol={tokenId} />
+        </div>
+      )
+
       const chain = (
         <ChainData
           icon={imagePath}
@@ -299,7 +324,6 @@ export const parseTokenCentricView = ({
           accountId={numberOfAccounts}
           isMonosizedFont={false}
           withCopy={false}
-          desc={<PnlData symbol={tokenId} balanceValue={balanceValueBN} />}
         />
       )
 
@@ -310,11 +334,11 @@ export const parseTokenCentricView = ({
           balance: getBalancePart(balance, true),
           address: numberOfAccounts,
           symbol: tokenId,
-          price,
-          total,
+          price: priceView,
+          total: totalView,
           icon: imagePath,
           name: tokenId,
-          totalTokensValue: totalValueBN,
+          totalTokensValue: totalTokensValueBN,
           totalValue: totalValueBN,
           balanceWithoutChildren: getBalancePart(balance, false),
           balanceValue: balanceValueBN,
@@ -329,8 +353,11 @@ export const parseTokenCentricView = ({
 
   const balancesInfo = parsedData.filter(isDef).flat()
 
-  return balancesInfo.sort((a, b) =>
-    b.totalTokensValue.minus(a.totalTokensValue).toNumber()
+  return balancesInfo.sort(
+    (a, b) =>
+      b.totalValue.minus(a.totalValue).toNumber() ||
+      b.balanceValue.minus(a.balanceValue).toNumber() ||
+      b.totalTokensValue.minus(a.totalTokensValue).toNumber()
   )
 }
 
@@ -610,7 +637,7 @@ function getAccountDataRows ({
       <div className='w-fit'>
         <Tooltip title={label} className='d-flex align-items-center'>
           <div>{label}</div>
-          <RiQuestionLine className='ml-1 GrayIcon' />
+          <InfoCircleOutlined className='ml-1 GrayIcon' />
         </Tooltip>
       </div>
     )
diff --git a/src/components/table/balancesTable/utils/index.tsx b/src/components/table/balancesTable/utils/index.tsx
index 22b15a5..6e83bcc 100644
--- a/src/components/table/balancesTable/utils/index.tsx
+++ b/src/components/table/balancesTable/utils/index.tsx
@@ -7,6 +7,7 @@ import Image from 'next/image'
 import styles from './Index.module.sass'
 import clsx from 'clsx'
 import {
+  InfoCircleOutlined,
   LineChartOutlined,
   MenuOutlined,
 } from '@ant-design/icons'
@@ -16,6 +17,7 @@ import store from 'store'
 import { AccountInfoItem } from '@/components/identity/types'
 import { BalanceEntityRecord } from '@/rtk/features/balances/balancesSlice'
 import { usePrices } from '@/rtk/features/prices/pricesHooks'
+import { Tooltip } from 'antd'
 
 export const allowedTokensByNetwork: Record<string, string[]> = {
   statemine: [
@@ -222,22 +224,28 @@ export const createFieldSkeletons = (data?: BalancesTableInfo[]) => {
   })
 }
 
-type PnlDataProps = {
-  symbol: string
-  balanceValue: BN
-  className?: string
+export const getPriceDataBySymbol = (symbol: string, pricesData?: any[]) => {
+  return pricesData?.find(
+    (item) => item.symbol.toLowerCase() === symbol.toLowerCase()
+  )
 }
 
-export const PnlData = ({ symbol, balanceValue, className }: PnlDataProps) => {
-  const prices = usePrices()
+type CalculatePnlProps = {
+  pricesData?: any[]
+  balanceValue: BN
+  symbol: string
+}
 
-  const priceObjBySymbol = prices?.find(
-    (item) => item.symbol.toLowerCase() === symbol.toLowerCase()
-  )
+export const calculatePnlInTokens = ({
+  pricesData,
+  balanceValue,
+  symbol,
+}: CalculatePnlProps) => {
+  const priceData = getPriceDataBySymbol(symbol, pricesData)
 
-  if (!priceObjBySymbol) return null
+  if (!priceData) return
 
-  const { current_price, price_change_percentage_24h } = priceObjBySymbol
+  const { current_price, price_change_percentage_24h } = priceData
 
   const priceChange24h = new BN(price_change_percentage_24h)
 
@@ -249,21 +257,88 @@ export const PnlData = ({ symbol, balanceValue, className }: PnlDataProps) => {
   const currentBalance = balanceValue.multipliedBy(current_price)
 
   const pnl = currentBalance.minus(balance24hAgo)
-  const pnlPercent = pnl.dividedBy(balance24hAgo).multipliedBy(100)
 
   if (pnl.isZero()) return null
 
-  const pnlString = pnl.toFixed(4).replace('-', '')
-  const pnlPercentString = pnlPercent.toFixed(4).replace('-', '')
+  return { pnlBN: pnl, pnlString: pnl.toFixed(4).replace('-', '') }
+}
+
+const getPnlClassName = (value: BN) =>
+  styles[`PnL${value.isPositive() ? 'Positive' : 'Negative'}`]
+
+type PnlDataProps = {
+  symbol: string
+  balanceValue: BN
+  className?: string
+}
+
+export const PnlInDollars = ({
+  symbol,
+  balanceValue,
+  className,
+}: PnlDataProps) => {
+  const prices = usePrices()
+
+  const pnlData = calculatePnlInTokens({
+    pricesData: prices,
+    balanceValue,
+    symbol,
+  })
+
+  if (!pnlData) return null
 
-  const sign = pnl.isPositive() ? '+' : '-'
+  const { pnlBN, pnlString } = pnlData
+
+  const sign = pnlBN.isPositive() ? '+' : '-'
 
   return (
-    <div className={clsx('font-weight-normal', className)}>
-      <span className='GrayText'>Pnl 24h:</span>{' '}
-      <span className={styles[`PnL${pnl.isPositive() ? 'Positive' : 'Negative'}`]}>
-        {sign}${pnlString} ({sign}{pnlPercentString}%)
+    <Tooltip
+      title='pnl'
+      className='d-flex align-items-center justify-content-end'
+    >
+      <InfoCircleOutlined className='GrayIcon bs-mr-2' />
+      <span
+        className={clsx(getPnlClassName(pnlBN), className)}
+        onClick={(e) => e.stopPropagation()}
+      >
+        {sign}${pnlString}
       </span>
-    </div>
+    </Tooltip>
+  )
+}
+
+type PriceChangesProps = {
+  symbol: string
+  className?: string
+}
+
+export const PriceChangedOn = ({ symbol, className }: PriceChangesProps) => {
+  const prices = usePrices()
+
+  const priceData = getPriceDataBySymbol(symbol, prices)
+
+  if (!priceData) return null
+
+  const { price_change_percentage_24h } = priceData
+  const priceChange24h = new BN(price_change_percentage_24h)
+
+  const priceChange24hString = priceChange24h.toFixed(4).replace('-', '')
+
+  const sign = priceChange24h.isPositive() ? '+' : '-'
+
+  return (
+    <Tooltip
+      title='persentage'
+      className='d-flex align-items-center justify-content-end'
+    >
+      <InfoCircleOutlined className='GrayIcon bs-mr-2' />
+      <span
+        className={clsx(getPnlClassName(priceChange24h), className)}
+        onClick={(e) => e.stopPropagation()}
+      >
+        {sign}
+        {priceChange24hString}%
+      </span>
+    </Tooltip>
   )
 }
diff --git a/src/components/table/customCard/BalancesCard.module.sass b/src/components/table/customCard/BalancesCard.module.sass
index cc51a87..2483609 100644
--- a/src/components/table/customCard/BalancesCard.module.sass
+++ b/src/components/table/customCard/BalancesCard.module.sass
@@ -6,7 +6,7 @@
 
 .Card
   background: white
-  padding: $space_tiny $space_normal
+  padding: $space_small $space_normal
   display: flex
   align-items: start
 
@@ -40,7 +40,7 @@
   width: 100%
   display: flex
   flex-direction: column
-  gap: $space_normal
+  gap: $space_small
 
 .TopPart
   display: flex
@@ -80,18 +80,22 @@
 
 .LinksButton
   align-self: center
-  width: 36px
+  max-width: 40px
+  width: 100%
   display: flex
   justify-content: flex-end
 
   button
-    padding: 4px !important
+    padding: 3px !important
     align-items: center
     display: flex
 
     \:global .anticon
       vertical-align: 0 !important
 
+    svg
+      width: 100%
+
 .CollapseWrapper
   display: grid
   width: 100%
@@ -99,7 +103,7 @@
   transition: grid-template-rows 0.3s ease-out, padding-top 0.3s ease-out
 
 .OpenCollapse
-  padding-top: $space_normal
+  padding-top: $space_small
   grid-template-rows: 1fr
 
 .ChildrenBalances
@@ -113,18 +117,25 @@
   transform: rotate(-90deg)
 
 .CardDivider
-  padding-right: $space_normal
+  padding: 0 $space_normal
   display: flex
   width: 100%
   justify-content: flex-end
 
   \:global .ant-divider
     margin: 0
-    min-width: 87.5%
-    width: 87.5%
+    min-width: 100%
+    width: 100%
+    transition: width 0.3s ease-out, min-width 0.3s ease-out
 
     border-color: #F0F0F0
 
+.DividerOpenState
+  \:global .ant-divider
+    margin: 0
+    min-width: 92%
+    width: 92%
+
 // ----- children balances --------
 
 .InnerChildrenWrapper
@@ -134,15 +145,12 @@
 .ChildrenWrapper
   display: flex
   flex-direction: column
-  gap: $space_normal
-
-  // .ChildrenRow:first-child
-    // margin-top: $space_normal
+  gap: $space_small
 
 .ChildrenRow
   width: 100%
   display: flex
-  padding-right: 44px
+  padding-right: $space_normal
 
 .ChildrenRowContent
   display: flex
@@ -161,7 +169,7 @@
     line-height: 1
 
 .InnerCardDivider
-  padding: $space_normal $space_normal 0 $space_normal
+  padding: $space_small $space_normal 0 $space_normal
 
   \:global .ant-divider
     margin: 0
diff --git a/src/components/table/customCard/BalancesSectionCard.tsx b/src/components/table/customCard/BalancesSectionCard.tsx
index 3efe03b..d572fbb 100644
--- a/src/components/table/customCard/BalancesSectionCard.tsx
+++ b/src/components/table/customCard/BalancesSectionCard.tsx
@@ -5,13 +5,15 @@ import clsx from 'clsx'
 import React, { useState } from 'react'
 import { AvatarOrSkeleton, Address } from '../utils'
 import { BalanceView } from '@/components/homePage/address-views/utils'
-import { PnlData } from '../balancesTable/utils/index'
 import { Button, Divider } from 'antd'
 import { NetworksIcons } from '../balancesTable/parseData/parseTokenCentricView'
 import { MdKeyboardArrowRight } from 'react-icons/md'
 import { useTableContext } from '../customTable/TableContext'
 import { useIsMulti } from '@/components/providers/MyExtensionAccountsContext'
 import NoData from '@/components/utils/EmptyList'
+import { PnlInDollars, calculatePnlInTokens } from '../balancesTable/utils'
+import { MutedSpan } from '@/components/utils/MutedText'
+import { usePrices } from '@/rtk/features/prices/pricesHooks'
 
 type BalancesSectionCardProps<T extends TableInfo> = {
   value: T
@@ -24,6 +26,7 @@ const BalancesSectionCard = <T extends TableInfo>({
 }: BalancesSectionCardProps<T>) => {
   const [ open, setOpen ] = useState<boolean>(false)
   const balanceInfoRef = React.useRef<HTMLDivElement>(null)
+  const prices = usePrices()
 
   const isMulti = useIsMulti()
 
@@ -36,12 +39,19 @@ const BalancesSectionCard = <T extends TableInfo>({
     totalValue,
     children,
     networkIcons,
+    transferAction,
     showLinks,
   } = value
 
+  const pnlData = calculatePnlInTokens({
+    pricesData: prices,
+    balanceValue,
+    symbol,
+  })
+
   const haveChildren = !!children || !isEmptyArray(children)
 
-  const links = showLinks?.(true)
+  const links = showLinks?.(!isMulti)
 
   const balanceView = (
     <BalanceView value={balanceValue} decimalClassName={styles.TokenDecimals} />
@@ -89,13 +99,12 @@ const BalancesSectionCard = <T extends TableInfo>({
           </div>
           {showBottomPart && (
             <div className={styles.BottomPart}>
-              <PnlData
-                balanceValue={balanceValue}
-                symbol={symbol}
-                className={
-                  'd-flex align-items-center justify-content-between lh-1'
-                }
-              />
+              {pnlData && (
+                <div className='d-flex align-items-center justify-content-between lh-1'>
+                  <MutedSpan>PnL 24h</MutedSpan>
+                  <PnlInDollars balanceValue={balanceValue} symbol={symbol} />
+                </div>
+              )}
 
               <div className='d-flex align-items-center justify-content-between'>
                 {address && (
@@ -123,10 +132,14 @@ const BalancesSectionCard = <T extends TableInfo>({
             </div>
           )}
         </div>
-        <div className={styles.LinksButton}>{links}</div>
+        <div className={styles.LinksButton}>{links || transferAction}</div>
       </div>
       {!isLastElement && (
-        <div className={styles.CardDivider}>
+        <div
+          className={clsx(styles.CardDivider, {
+            [styles.DividerOpenState]: haveChildren && open,
+          })}
+        >
           <Divider />
         </div>
       )}
@@ -170,11 +183,14 @@ const InnerChildrenBalances = <T extends TableInfo>({
     chain,
     balanceValue,
     totalValue,
+    showLinks,
     children: innerChildren,
   } = value
   const childrenRowContentRef = React.useRef<HTMLDivElement>(null)
   const isMulti = useIsMulti()
 
+  const links = showLinks?.(!isMulti)
+
   const haveChildren = !!innerChildren || !isEmptyArray(innerChildren)
 
   const tokenBalance = (
@@ -218,6 +234,7 @@ const InnerChildrenBalances = <T extends TableInfo>({
             <span className={styles.BalanceInDollars}>${balanceInDollats}</span>
           </div>
         </div>
+        <div className={styles.LinksButton}>{links}</div>
       </div>
       <div
         className={clsx(styles.CollapseWrapper, {
@@ -274,7 +291,7 @@ type BalanceCardsProps<T extends TableInfo> = {
 
 const BalancesSectionCards = <T extends TableInfo>({
   data,
-  noData
+  noData,
 }: BalanceCardsProps<T>) => {
   if (isEmptyArray(data)) return <NoData description={noData} />
 
diff --git a/src/components/table/links/Links.tsx b/src/components/table/links/Links.tsx
index 9b1a768..0c057ef 100644
--- a/src/components/table/links/Links.tsx
+++ b/src/components/table/links/Links.tsx
@@ -203,7 +203,7 @@ export const LinksButton = ({
         ghost
         onClick={onMoreButtonClick}
       >
-        <LuMoreVertical />
+        <LuMoreVertical className='GrayIcon' />
       </Button>
     </Dropdown>
   )
diff --git a/src/components/table/utils.tsx b/src/components/table/utils.tsx
index f1ce0e2..dac11c7 100644
--- a/src/components/table/utils.tsx
+++ b/src/components/table/utils.tsx
@@ -843,6 +843,7 @@ export const getParentBalances = <T extends TableInfo>(
 ) => {
   let balanceValueBN = BIGNUMBER_ZERO
   let totalValueBN = BIGNUMBER_ZERO
+  let totalTokensValueBN = BIGNUMBER_ZERO
   let priceValue
   let decimals = balances[0]?.decimals || 0
 
@@ -850,7 +851,9 @@ export const getParentBalances = <T extends TableInfo>(
     .filter(isDef)
     .forEach(({ balanceValue, totalValue, totalTokensValue, price }) => {
       balanceValueBN = balanceValueBN.plus(balanceValue)
-      totalValueBN = totalValueBN.plus(totalTokensValue || totalValue)
+      totalValueBN = totalValueBN.plus(totalValue)
+      totalTokensValueBN = totalTokensValueBN.plus(totalTokensValue || 0)
+
       priceValue = price
     })
 
@@ -870,6 +873,7 @@ export const getParentBalances = <T extends TableInfo>(
     priceValue,
     balance,
     total,
+    totalTokensValueBN
   }
 }