diff --git a/packages/wallets/src/components/WalletHistory.tsx b/packages/wallets/src/components/WalletHistory.tsx
index f4a4017a5e..6a0023de39 100644
--- a/packages/wallets/src/components/WalletHistory.tsx
+++ b/packages/wallets/src/components/WalletHistory.tsx
@@ -98,6 +98,14 @@ async function handleRowClick(
 }
 
 const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location) => [
+  {
+    width: '70px',
+    field: (row: Row, metadata, isExpanded, toggleExpand) => (
+      <IconButton aria-label="expand row" size="small" onClick={() => toggleExpand(row)}>
+        {isExpanded ? <ExpandLessIcon color="info" /> : <ExpandMoreIcon color="info" />}
+      </IconButton>
+    ),
+  },
   {
     field: (row: Row, metadata) => {
       const isOutgoing = getIsOutgoingTransaction(row);
@@ -235,15 +243,6 @@ const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location
     ),
     title: <Trans>Fee</Trans>,
   },
-
-  {
-    width: '70px',
-    field: (row: Row, metadata, isExpanded, toggleExpand) => (
-      <IconButton aria-label="expand row" size="small" onClick={() => toggleExpand(row)}>
-        {isExpanded ? <ExpandLessIcon color="info" /> : <ExpandMoreIcon color="info" />}
-      </IconButton>
-    ),
-  },
 ];
 
 type Props = {