From 7df020dcacbc83bf04f3a64adeaf6d158214e9bd Mon Sep 17 00:00:00 2001
From: tomasklim <tomas.klim@gmail.com>
Date: Mon, 28 Oct 2024 20:54:21 +0100
Subject: [PATCH] chore(suite): table components

---
 .../AssetsView/AssetTable/AssetTable.tsx          |  2 +-
 .../src/views/dashboard/AssetsView/AssetsView.tsx |  2 +-
 .../wallet/receive/components/UsedAddresses.tsx   |  4 ++--
 .../tokens/common/TokensTable/TokensTable.tsx     | 15 ++++-----------
 4 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
index 27d31adeb3e..3e914835210 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetTable/AssetTable.tsx
@@ -26,7 +26,7 @@ export const AssetTable = ({
     assetsData,
     assetsFiatBalances,
 }: AssetTableProps) => (
-    <Table isRowHighlightedOnHover margin={{ top: spacings.md, bottom: spacings.md }}>
+    <Table isRowHighlightedOnHover margin={{ top: spacings.xs }}>
         <Table.Header>
             <Table.Row>
                 <Table.Cell colSpan={3}>
diff --git a/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx b/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
index 91e03616488..ebb110b579e 100644
--- a/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
+++ b/packages/suite/src/views/dashboard/AssetsView/AssetsView.tsx
@@ -202,7 +202,7 @@ export const AssetsView = () => {
                     )}
                 </>
             ) : (
-                <Card paddingType="none">
+                <Card paddingType="none" overflow="hidden">
                     <AssetTable
                         assetsData={assetsData}
                         assetsFiatBalances={assetsFiatBalances}
diff --git a/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx b/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx
index c867a653a17..a28769f2642 100644
--- a/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx
+++ b/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx
@@ -164,9 +164,9 @@ export const UsedAddresses = ({
     const actionHideVisible = limit > DEFAULT_LIMIT;
 
     return (
-        <Card margin={{ bottom: spacings.xxxl }} overflow="hidden" paddingType="normal">
+        <Card overflow="hidden" paddingType="none">
             <Column alignItems="stretch" gap={spacings.md}>
-                <Table>
+                <Table margin={{ top: spacings.xs, bottom: spacings.xs }}>
                     <Table.Header>
                         <Table.Row>
                             <Table.Cell>
diff --git a/packages/suite/src/views/wallet/tokens/common/TokensTable/TokensTable.tsx b/packages/suite/src/views/wallet/tokens/common/TokensTable/TokensTable.tsx
index bae374c0ae0..440e69dc64f 100644
--- a/packages/suite/src/views/wallet/tokens/common/TokensTable/TokensTable.tsx
+++ b/packages/suite/src/views/wallet/tokens/common/TokensTable/TokensTable.tsx
@@ -45,16 +45,12 @@ export const TokensTable = ({
     return (
         <Card paddingType="none" overflow="hidden">
             {tokensWithBalance.length === 0 && tokensWithoutBalance.length === 0 && searchQuery ? (
-                <Paragraph
-                    typographyStyle="highlight"
-                    margin={{ top: spacings.xxl, bottom: spacings.xxl }}
-                    align="center"
-                >
+                <Paragraph margin={{ top: spacings.xxl, bottom: spacings.xxl }} align="center">
                     <Translation id="TR_NO_SEARCH_RESULTS" />
                 </Paragraph>
             ) : (
                 <Table
-                    margin={{ top: spacings.xs, bottom: spacings.xs }}
+                    margin={{ top: spacings.xs }}
                     colWidths={[
                         { minWidth: '200px', maxWidth: '250px' },
                         { minWidth: '140px', maxWidth: '250px' }, // due to HiddenPlaceholder - it changes content width when hovered
@@ -95,13 +91,10 @@ export const TokensTable = ({
                         ))}
                         {tokensWithoutBalance.length !== 0 && (
                             <>
-                                <Table.Row
-                                    onClick={() => setIsZeroBalanceOpen(!isZeroBalanceOpen)}
-                                    isHighlightedOnHover={false}
-                                >
+                                <Table.Row onClick={() => setIsZeroBalanceOpen(!isZeroBalanceOpen)}>
                                     <Table.Cell colSpan={5}>
                                         <ZeroBalanceToggle>
-                                            <Row gap={spacings.xs} margin={{ top: spacings.md }}>
+                                            <Row gap={spacings.xs}>
                                                 <IconWrapper $isActive={isZeroBalanceOpen}>
                                                     <Icon
                                                         size={18}