diff --git a/src/app/fyle/view-expense/view-expense.page.html b/src/app/fyle/view-expense/view-expense.page.html
index b48fab71dd..3786fff5cd 100644
--- a/src/app/fyle/view-expense/view-expense.page.html
+++ b/src/app/fyle/view-expense/view-expense.page.html
@@ -55,7 +55,9 @@
         <div class="d-flex">
           <div class="view-expense--card-container__block">
             <div class="view-expense--card-container__category">{{ expense.category.display_name }}</div>
-            <div class="view-expense--card-container__merchant">{{ expense.merchant || '-' }}</div>
+            <div class="view-expense--card-container__merchant" *ngIf="!expense.matched_corporate_card_transactions[0]">
+              {{ expense.merchant || '-' }}
+            </div>
             <div *ngIf="isProjectShown" class="view-expense--card-container__project">
               {{ projectFieldName | titlecase }}: {{ expense.project?.name || '-' }}
             </div>
@@ -100,11 +102,11 @@
           </div>
         </div>
 
-        <ng-container *ngIf="isCCCTransaction">
+        <ng-container *ngIf="expense.matched_corporate_card_transactions[0]">
           <div class="view-expense--card-container__merchant_block">
             <div class="view-expense--card-container__merchant_label">Merchant:</div>
             <div class="view-expense--card-container__merchant_value">
-              <span> {{ selectedCCCTransaction?.vendor || 'Unavailable' }} </span>
+              <span> {{ expense.matched_corporate_card_transactions[0].merchant || 'Unavailable' }} </span>
               <ion-icon
                 (click)="openCCExpenseMerchantInfoModal()"
                 src="../../../assets/svg/info-circle-outline.svg"