From b909b49144ca8c684888e16edd168ae816188f0d Mon Sep 17 00:00:00 2001
From: katspaugh <381895+katspaugh@users.noreply.github.com>
Date: Tue, 23 Jul 2024 13:46:25 +0200
Subject: [PATCH] Fix: align assets table (#3984)

* Fix: align assets table

* Mobile view
---
 src/components/balances/AssetsTable/index.tsx           | 2 +-
 src/components/common/EnhancedTable/index.tsx           | 1 +
 src/components/transactions/TxDetails/styles.module.css | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/balances/AssetsTable/index.tsx b/src/components/balances/AssetsTable/index.tsx
index df1f069b5d..c04d795040 100644
--- a/src/components/balances/AssetsTable/index.tsx
+++ b/src/components/balances/AssetsTable/index.tsx
@@ -164,7 +164,7 @@ const AssetsTable = ({
                           inheritViewBox
                           color="error"
                           fontSize="small"
-                          sx={{ verticalAlign: 'middle', marginLeft: 0.5 }}
+                          sx={{ verticalAlign: 'middle', ml: 0.5, mr: [0, '-20px'] }}
                         />
                       </span>
                     </Tooltip>
diff --git a/src/components/common/EnhancedTable/index.tsx b/src/components/common/EnhancedTable/index.tsx
index 0874f4beb8..1be2541188 100644
--- a/src/components/common/EnhancedTable/index.tsx
+++ b/src/components/common/EnhancedTable/index.tsx
@@ -88,6 +88,7 @@ function EnhancedTableHead(props: EnhancedTableHeadProps) {
                   active={orderBy === headCell.id}
                   direction={orderBy === headCell.id ? order : 'asc'}
                   onClick={createSortHandler(headCell.id)}
+                  sx={{ mr: [0, '-26px'] }}
                 >
                   {headCell.label}
                   {orderBy === headCell.id ? (
diff --git a/src/components/transactions/TxDetails/styles.module.css b/src/components/transactions/TxDetails/styles.module.css
index 21d7b6ae27..722532297a 100644
--- a/src/components/transactions/TxDetails/styles.module.css
+++ b/src/components/transactions/TxDetails/styles.module.css
@@ -33,7 +33,7 @@
   margin-left: calc(var(--space-2) * -1);
   margin-right: calc(var(--space-2) * -1);
   padding: var(--space-2);
-  padding-top: var(--space-3)
+  padding-top: var(--space-3);
 }
 .txData,
 .swapOrder {