diff --git a/frontend/src/app/components/transaction/transaction.component.ts b/frontend/src/app/components/transaction/transaction.component.ts
index e79dd2b50..3c316f879 100644
--- a/frontend/src/app/components/transaction/transaction.component.ts
+++ b/frontend/src/app/components/transaction/transaction.component.ts
@@ -51,6 +51,7 @@ interface AuditStatus {
   accelerated?: boolean;
   conflict?: boolean;
   coinbase?: boolean;
+  firstSeen?: number;
 }
 
 @Component({
@@ -368,6 +369,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
             const isAccelerated = audit.acceleratedTxs.includes(txid);
             const isConflict = audit.fullrbfTxs.includes(txid);
             const isExpected = audit.template.some(tx => tx.txid === txid);
+            const firstSeen = audit.template.find(tx => tx.txid === txid)?.time;
             return {
               seen: isExpected || isPrioritized || isAccelerated,
               expected: isExpected,
@@ -375,6 +377,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
               prioritized: isPrioritized,
               conflict: isConflict,
               accelerated: isAccelerated,
+              firstSeen,
             };
           }),
           retry({ count: 3, delay: 2000 }),
@@ -388,6 +391,9 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
       })
     ).subscribe(auditStatus => {
       this.auditStatus = auditStatus;
+      if (this.auditStatus?.firstSeen) {
+        this.transactionTime = this.auditStatus.firstSeen;
+      }
       this.setIsAccelerated();
     });