diff --git a/packages/components/src/components/Table/TableCell.tsx b/packages/components/src/components/Table/TableCell.tsx
index 1022b7a5c970..7007d5d9d289 100644
--- a/packages/components/src/components/Table/TableCell.tsx
+++ b/packages/components/src/components/Table/TableCell.tsx
@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import styled from 'styled-components';
 
-import { typography, spacingsPx, Elevation, mapElevationToBackground } from '@trezor/theme';
+import { typography, spacingsPx, Elevation } from '@trezor/theme';
 
 import { useTableHeader } from './TableHeader';
 import { UIHorizontalAlignment } from '../../config/types';
@@ -35,7 +35,6 @@ const Cell = styled.td<{ $isHeader: boolean; $elevation: Elevation }>`
         position: sticky;
         left: 0;
         z-index: 2;
-        background: linear-gradient(to right, ${mapElevationToBackground} 90%, rgba(0 0 0 / 0%));
     }
 `;
 
diff --git a/packages/components/src/components/Table/TableRow.tsx b/packages/components/src/components/Table/TableRow.tsx
index 8e547eb80a98..a51f2e1e2bab 100644
--- a/packages/components/src/components/Table/TableRow.tsx
+++ b/packages/components/src/components/Table/TableRow.tsx
@@ -24,13 +24,14 @@ export const Row = styled.tr<{ $elevation: Elevation; $isCollapsed: boolean }>`
 export interface TableRowProps {
     children: ReactNode;
     isCollapsed?: boolean;
+    onClick?: () => void;
 }
 
-export const TableRow = ({ children, isCollapsed = false }: TableRowProps) => {
+export const TableRow = ({ children, isCollapsed = false, onClick }: TableRowProps) => {
     const { elevation } = useElevation();
 
     return (
-        <Row $elevation={elevation} $isCollapsed={isCollapsed}>
+        <Row $elevation={elevation} $isCollapsed={isCollapsed} onClick={onClick}>
             {children}
         </Row>
     );
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetCoinLogo.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetCoinLogo.tsx
index a4a32706f6ab..fda9cfabb2ff 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetCoinLogo.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetCoinLogo.tsx
@@ -5,7 +5,6 @@ import {
 } from '@suite-common/assets';
 import { SkeletonCircle, Tooltip } from '@trezor/components';
 import { NetworkSymbol } from '@suite-common/wallet-config';
-import { spacingsPx } from '@trezor/theme';
 import styled from 'styled-components';
 import { localizePercentage } from '@suite-common/wallet-utils';
 import { selectLanguage } from 'src/reducers/suite/suiteReducer';
@@ -13,8 +12,10 @@ import { useSelector } from 'src/hooks/suite';
 import { AssetShareIndicator } from '@trezor/product-components';
 
 const LogoWrapper = styled.div`
-    padding-right: ${spacingsPx.sm};
+    display: flex;
     align-items: center;
+    justify-content: center;
+    width: 100%;
 `;
 
 type AssetCoinLogoProps = {
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetRow.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetRow.tsx
index 9cf0617f2d02..317319a1ca75 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetRow.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetRow.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import styled, { useTheme } from 'styled-components';
 import { Network } from '@suite-common/wallet-config';
-import { Icon, variables, SkeletonRectangle } from '@trezor/components';
+import { Icon, variables, SkeletonRectangle, Table } from '@trezor/components';
 import {
     AmountUnitSwitchWrapper,
     CoinBalance,
@@ -15,7 +15,6 @@ import { goto } from 'src/actions/suite/routerActions';
 import { useAccountSearch, useDispatch, useLoadingSkeleton } from 'src/hooks/suite';
 import { spacingsPx, typography } from '@trezor/theme';
 import { AssetFiatBalance } from '@suite-common/assets';
-import { AssetTableRowGrid } from './AssetTableRowGrid';
 import { ArrowIcon } from '../ArrowIcon';
 import { AssetCoinLogo, AssetCoinLogoSkeleton } from '../AssetCoinLogo';
 import { AssetCoinName } from '../AssetCoinName';
@@ -27,43 +26,7 @@ const Coin = styled.div`
     overflow: hidden;
 `;
 
-const StyledCol = styled.div<{ $isLastRow?: boolean }>`
-    display: flex;
-    align-items: center;
-    padding: 16px 0;
-    border-bottom: ${({ $isLastRow, theme }) =>
-        $isLastRow ? 'none' : `1px solid ${theme.borderElevation2}`};
-`;
-
-const CoinLogoWrapper = styled(StyledCol)`
-    padding-left: 18px;
-    text-overflow: ellipsis;
-    border: none;
-
-    ${variables.SCREEN_QUERY.MOBILE} {
-        grid-column: 1 / 2;
-        padding-left: 20px;
-        border-bottom: none;
-    }
-
-    &:hover {
-        ${Coin} {
-            text-decoration: underline;
-        }
-    }
-`;
-
-const CoinNameWrapper = styled(StyledCol)`
-    ${typography.highlight}
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    ${variables.SCREEN_QUERY.MOBILE} {
-        grid-column: 1 / 4;
-        padding-left: 20px;
-        border-bottom: none;
-    }
-`;
+const StyledCol = styled.div<{ $isLastRow?: boolean }>``;
 
 const CoinBalanceContainer = styled.div`
     ${typography.hint}
@@ -107,10 +70,6 @@ const ExchangeRateWrapper7Days = styled(StyledCol)`
     padding-right: 0;
 `;
 
-const BuyButtonWrapper = styled(StyledCol)`
-    justify-content: right;
-`;
-
 const StyledArrowIcon = styled(ArrowIcon)`
     margin: 0 ${spacingsPx.md};
 `;
@@ -157,60 +116,64 @@ export const AssetRow = memo(
         };
 
         return (
-            <AssetTableRowGrid onClick={handleRowClick}>
-                <CoinLogoWrapper>
+            <Table.Row onClick={handleRowClick}>
+                <Table.Cell>
                     <AssetCoinLogo
                         symbol={network.symbol}
                         assetsFiatBalances={assetsFiatBalances}
                     />
-                </CoinLogoWrapper>
-
-                <CoinNameWrapper $isLastRow={isLastRow}>
+                </Table.Cell>
+                <Table.Cell colSpan={2}>
                     <AssetCoinName network={network} />
-                </CoinNameWrapper>
-
-                {!failed ? (
-                    <CryptoBalanceWrapper
-                        $isLastRow={isLastRow}
-                        data-testid={`@asset-card/${symbol}/balance`}
-                    >
-                        <FiatBalanceWrapper>
-                            <FiatValue amount={cryptoValue} symbol={symbol} />
-                        </FiatBalanceWrapper>
-
-                        <CoinBalanceContainer>
-                            <AmountUnitSwitchWrapper symbol={symbol}>
-                                <CoinBalance value={cryptoValue} symbol={symbol} />
-                            </AmountUnitSwitchWrapper>
-                        </CoinBalanceContainer>
-                    </CryptoBalanceWrapper>
-                ) : (
-                    <FailedCol $isLastRow={isLastRow}>
-                        <Translation id="TR_DASHBOARD_ASSET_FAILED" />
-
-                        <StyledIcon
-                            name="warningTriangle"
-                            color={theme.legacy.TYPE_RED}
-                            size={14}
-                        />
-                    </FailedCol>
-                )}
-                <ExchangeRateWrapper $isLastRow={isLastRow}>
-                    {!isTestnet(symbol) && <PriceTicker symbol={symbol} />}
-                </ExchangeRateWrapper>
-                <ExchangeRateWrapper7Days $isLastRow={isLastRow}>
-                    {!isTestnet(symbol) && <TrendTicker symbol={symbol} />}
-                </ExchangeRateWrapper7Days>
-                <BuyButtonWrapper $isLastRow={isLastRow}>
+                </Table.Cell>
+                <Table.Cell>
+                    {!failed ? (
+                        <CryptoBalanceWrapper data-testid={`@asset-card/${symbol}/balance`}>
+                            <FiatBalanceWrapper>
+                                <FiatValue amount={cryptoValue} symbol={symbol} />
+                            </FiatBalanceWrapper>
+
+                            <CoinBalanceContainer>
+                                <AmountUnitSwitchWrapper symbol={symbol}>
+                                    <CoinBalance value={cryptoValue} symbol={symbol} />
+                                </AmountUnitSwitchWrapper>
+                            </CoinBalanceContainer>
+                        </CryptoBalanceWrapper>
+                    ) : (
+                        <FailedCol>
+                            <Translation id="TR_DASHBOARD_ASSET_FAILED" />
+
+                            <StyledIcon
+                                name="warningTriangle"
+                                color={theme.legacy.TYPE_RED}
+                                size={14}
+                            />
+                        </FailedCol>
+                    )}
+                </Table.Cell>
+                <Table.Cell>
+                    <ExchangeRateWrapper $isLastRow={isLastRow}>
+                        {!isTestnet(symbol) && <PriceTicker symbol={symbol} />}
+                    </ExchangeRateWrapper>
+                </Table.Cell>
+
+                <Table.Cell>
+                    <ExchangeRateWrapper7Days $isLastRow={isLastRow}>
+                        {!isTestnet(symbol) && <TrendTicker symbol={symbol} />}
+                    </ExchangeRateWrapper7Days>
+                </Table.Cell>
+                <Table.Cell>
                     {!isTestnet(symbol) && (
                         <CoinmarketBuyButton
                             symbol={symbol}
                             data-testid={`@dashboard/assets/table/${symbol}/buy-button`}
                         />
                     )}
+                </Table.Cell>
+                <Table.Cell>
                     <StyledArrowIcon size={16} name="arrowRight" color={theme.iconSubdued} />
-                </BuyButtonWrapper>
-            </AssetTableRowGrid>
+                </Table.Cell>
+            </Table.Row>
         );
     },
 );
@@ -221,28 +184,28 @@ export const AssetRowSkeleton = (props: { animate?: boolean }) => {
     const animate = props.animate ?? shouldAnimate;
 
     return (
-        <AssetTableRowGrid>
-            <CoinLogoWrapper>
+        <Table.Row>
+            <Table.Cell>
                 <AssetCoinLogoSkeleton />
-            </CoinLogoWrapper>
-            <CoinNameWrapper $isLastRow>
+            </Table.Cell>
+            <Table.Cell colSpan={2}>
                 <Coin>
                     <SkeletonRectangle animate={animate} width={150} />
                 </Coin>
-            </CoinNameWrapper>
-            <CryptoBalanceWrapper $isLastRow>
+            </Table.Cell>
+            <Table.Cell>
                 <SkeletonRectangle animate={animate} width={100} />
-            </CryptoBalanceWrapper>
-
-            <ExchangeRateWrapper $isLastRow>
+            </Table.Cell>
+            <Table.Cell>
                 <SkeletonRectangle animate={animate} />
-            </ExchangeRateWrapper>
-            <ExchangeRateWrapper $isLastRow>
+            </Table.Cell>
+            <Table.Cell>
                 <SkeletonRectangle animate={animate} width={50} />
-            </ExchangeRateWrapper>
-            <BuyButtonWrapper $isLastRow>
+            </Table.Cell>
+            <Table.Cell>
                 <SkeletonRectangleLast animate={animate} width={58} height={38} borderRadius={19} />
-            </BuyButtonWrapper>
-        </AssetTableRowGrid>
+            </Table.Cell>
+            <Table.Cell>{/* Arrow */}</Table.Cell>
+        </Table.Row>
     );
 };
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
index cc7d228fc12a..93e08ac6b1a0 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
@@ -3,15 +3,9 @@ import { AssetRow, AssetRowSkeleton } from './AssetRow';
 import { AssetTableHeader } from './AssetTableHeader';
 import { Network } from '@suite-common/wallet-config';
 import { BigNumber } from '@trezor/utils/src/bigNumber';
-import styled from 'styled-components';
-import { spacingsPx } from '@trezor/theme';
 
-const Table = styled.div`
-    padding-left: ${spacingsPx.xxs};
-    padding-right: ${spacingsPx.xxs};
-    padding-bottom: ${spacingsPx.xxs};
-    width: 100%;
-`;
+import { Table } from '@trezor/components';
+import { spacings } from '@trezor/theme';
 
 export interface AssetTableRowType {
     symbol: string;
@@ -31,18 +25,20 @@ export const AssetTable = ({
     assetsData,
     assetsFiatBalances,
 }: AssetTableProps) => (
-    <Table>
+    <Table margin={{ top: spacings.xs, bottom: spacings.xs }}>
         <AssetTableHeader />
-        {assetsData.map((asset, i) => (
-            <AssetRow
-                key={asset.symbol}
-                network={asset.network}
-                failed={asset.assetFailed}
-                cryptoValue={asset.assetBalance.toFixed()}
-                isLastRow={i === assetsData.length - 1 && !discoveryInProgress}
-                assetsFiatBalances={assetsFiatBalances}
-            />
-        ))}
-        {discoveryInProgress && <AssetRowSkeleton />}
+        <Table.Body>
+            {assetsData.map((asset, i) => (
+                <AssetRow
+                    key={asset.symbol}
+                    network={asset.network}
+                    failed={asset.assetFailed}
+                    cryptoValue={asset.assetBalance.toFixed()}
+                    isLastRow={i === assetsData.length - 1 && !discoveryInProgress}
+                    assetsFiatBalances={assetsFiatBalances}
+                />
+            ))}
+            {discoveryInProgress && <AssetRowSkeleton />}
+        </Table.Body>
     </Table>
 );
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTableHeader.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTableHeader.tsx
index 2fc928a4edd1..dc7692c767a7 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTableHeader.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTableHeader.tsx
@@ -1,43 +1,25 @@
-import styled from 'styled-components';
-
-import { spacingsPx, typography } from '@trezor/theme';
-
 import { Translation } from 'src/components/suite';
-import { AssetTableRowGrid } from './AssetTableRowGrid';
-
-const Header = styled.div`
-    display: flex;
-    ${typography.hint}
-    color: ${({ theme }) => theme.textSubdued};
-    align-items: center;
-    padding: ${spacingsPx.sm} 0;
-    border-bottom: 1px solid ${({ theme }) => theme.borderElevation2};
-
-    &:last-child {
-        padding-right: ${spacingsPx.md};
-    }
-`;
 
-const HeaderRight = styled(Header)`
-    justify-content: right;
-    padding-right: ${spacingsPx.xxxl};
-`;
+import { Table } from '@trezor/components';
 
 export const AssetTableHeader = () => (
-    <AssetTableRowGrid>
-        <Header /> {/* Logo */}
-        <Header>
-            <Translation id="TR_ASSETS" />
-        </Header>
-        <Header>
-            <Translation id="TR_VALUES" />
-        </Header>
-        <HeaderRight>
-            <Translation id="TR_EXCHANGE_RATE" />
-        </HeaderRight>
-        <Header>
-            <Translation id="TR_7D_CHANGE" />
-        </Header>
-        <Header /> {/* Buy Button */}
-    </AssetTableRowGrid>
+    <Table.Header>
+        <Table.Row>
+            <Table.Cell>{/* Logo */}</Table.Cell>
+            <Table.Cell colSpan={2}>
+                <Translation id="TR_ASSETS" />
+            </Table.Cell>
+            <Table.Cell>
+                <Translation id="TR_VALUES" />
+            </Table.Cell>
+            <Table.Cell>
+                <Translation id="TR_EXCHANGE_RATE" />
+            </Table.Cell>
+            <Table.Cell>
+                <Translation id="TR_7D_CHANGE" />
+            </Table.Cell>
+            <Table.Cell>{' ' /* Buy Button */}</Table.Cell>
+            <Table.Cell>{' ' /* Arrow */}</Table.Cell>
+        </Table.Row>
+    </Table.Header>
 );
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
index 0e5dfc4c0458..91e036164889 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
@@ -1,7 +1,7 @@
 import styled, { useTheme } from 'styled-components';
 import { BigNumber } from '@trezor/utils/src/bigNumber';
 
-import { Icon, Button, LoadingContent, Card, Column } from '@trezor/components';
+import { Icon, Button, LoadingContent, Card } from '@trezor/components';
 import { selectCurrentFiatRates, selectDeviceSupportedNetworks } from '@suite-common/wallet-core';
 
 import { DashboardSection } from 'src/components/dashboard';
@@ -203,19 +203,17 @@ export const AssetsView = () => {
                 </>
             ) : (
                 <Card paddingType="none">
-                    <Column>
-                        <AssetTable
-                            assetsData={assetsData}
-                            assetsFiatBalances={assetsFiatBalances}
-                            discoveryInProgress={discoveryInProgress}
-                        />
-                        {isError && (
-                            <InfoMessage>
-                                <Icon name="warningTriangle" color={theme.iconAlertRed} size={14} />
-                                <Translation id="TR_DASHBOARD_ASSETS_ERROR" />
-                            </InfoMessage>
-                        )}
-                    </Column>
+                    <AssetTable
+                        assetsData={assetsData}
+                        assetsFiatBalances={assetsFiatBalances}
+                        discoveryInProgress={discoveryInProgress}
+                    />
+                    {isError && (
+                        <InfoMessage>
+                            <Icon name="warningTriangle" color={theme.iconAlertRed} size={14} />
+                            <Translation id="TR_DASHBOARD_ASSETS_ERROR" />
+                        </InfoMessage>
+                    )}
                 </Card>
             )}
         </DashboardSection>