diff --git a/basicswap/js_server.py b/basicswap/js_server.py
index 474a542..5e8c2ce 100644
--- a/basicswap/js_server.py
+++ b/basicswap/js_server.py
@@ -1023,6 +1023,7 @@ def js_active(self, url_split, post_string, is_json) -> bytes:
                     "amount_to": ci_to.format_amount(amount_to),
                     "rate": bid_rate,
                     "addr_from": bid.bid_addr if bid.was_received else offer.addr_from,
+                    "was_sent": bid.was_sent,
                 }
 
                 if offer.swap_type == SwapTypes.XMR_SWAP:
diff --git a/basicswap/static/js/swaps_in_progress.js b/basicswap/static/js/swaps_in_progress.js
index 158051d..6fc8ff2 100644
--- a/basicswap/static/js/swaps_in_progress.js
+++ b/basicswap/static/js/swaps_in_progress.js
@@ -298,7 +298,28 @@ const createSwapTableRow = async (swap) => {
     const timeColor = getTimeStrokeColor(swap.expire_at);
     const fromAmount = parseFloat(swap.amount_from) || 0;
     const toAmount = parseFloat(swap.amount_to) || 0;
+    let send_column = "";
+    let recv_column = "";
+    if (swap.was_sent) {
+        send_column = `
+            <div class="text-sm font-semibold">${fromAmount.toFixed(8)}</div>
+            <div class="text-sm text-gray-500 dark:text-gray-400">${fromSymbol}</div>
+        `
+        recv_column = `
+            <div class="text-sm font-semibold">${toAmount.toFixed(8)}</div>
+            <div class="text-sm text-gray-500 dark:text-gray-400">${toSymbol}</div>
+        `
+    } else {
+        send_column = `
+            <div class="text-sm font-semibold">${toAmount.toFixed(8)}</div>
+            <div class="text-sm text-gray-500 dark:text-gray-400">${toSymbol}</div>
+        `
+        recv_column = `
+            <div class="text-sm font-semibold">${fromAmount.toFixed(8)}</div>
+            <div class="text-sm text-gray-500 dark:text-gray-400">${fromSymbol}</div>
 
+        `
+    }
     return `
         <tr class="relative opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600" data-bid-id="${swap.bid_id}">
             <td class="relative w-0 p-0 m-0">
@@ -356,8 +377,7 @@ const createSwapTableRow = async (swap) => {
                 <div class="py-3 px-4 text-left">
                     <div class="items-center monospace">
                         <div class="pr-2">
-                            <div class="text-sm font-semibold">${fromAmount.toFixed(8)}</div>
-                            <div class="text-sm text-gray-500 dark:text-gray-400">${fromSymbol}</div>
+                            ${send_column}
                         </div>
                     </div>
                 </div>
@@ -390,8 +410,7 @@ const createSwapTableRow = async (swap) => {
             <td class="py-0">
                 <div class="py-3 px-4 text-right">
                     <div class="items-center monospace">
-                        <div class="text-sm font-semibold">${toAmount.toFixed(8)}</div>
-                        <div class="text-sm text-gray-500 dark:text-gray-400">${toSymbol}</div>
+                        ${recv_column}
                     </div>
                 </div>
             </td>