diff --git a/src/app/core/mock-data/get-tasks-query-params-with-filters.data.ts b/src/app/core/mock-data/get-tasks-query-params-with-filters.data.ts
index 15af610722..df468ec18c 100644
--- a/src/app/core/mock-data/get-tasks-query-params-with-filters.data.ts
+++ b/src/app/core/mock-data/get-tasks-query-params-with-filters.data.ts
@@ -37,6 +37,6 @@ export const personalCardQueryParamFiltersData: Partial<GetTasksQueryParamsWithF
   queryParams: {
     or: [],
     btxn_status: 'in.(DEBIT)',
-    ba_id: 'eq.baccLesaRlyvLY',
+    ba_id: 'eq.baccY70V3Mz048',
   },
 });
diff --git a/src/app/core/mock-data/personal-cards.data.ts b/src/app/core/mock-data/personal-cards.data.ts
index 69083d213f..974a70c0c4 100644
--- a/src/app/core/mock-data/personal-cards.data.ts
+++ b/src/app/core/mock-data/personal-cards.data.ts
@@ -112,6 +112,7 @@ export const linkedAccountsRes: PersonalCard[] = deepFreeze([
     unclassified_count: 2,
     update_credentials: false,
     updated_at: new Date('2023-03-23T06:31:08.824707'),
+    yodlee_provider_account_id: '10287109',
   },
   {
     account_number: 'xxxx1069',
@@ -131,6 +132,7 @@ export const linkedAccountsRes: PersonalCard[] = deepFreeze([
     unclassified_count: 0,
     update_credentials: false,
     updated_at: new Date('2023-01-12T15:57:47.178727'),
+    yodlee_provider_account_id: '10287109',
   },
 ]);
 
@@ -148,6 +150,7 @@ export const linkedAccountRes2: PersonalCard[] = deepFreeze([
     last_synced_at: null,
     mask: '3201',
     account_type: 'SAVINGS',
+    yodlee_provider_account_id: '10287109',
   },
   {
     id: 'baccCqRv6YdSqZ',
@@ -162,6 +165,7 @@ export const linkedAccountRes2: PersonalCard[] = deepFreeze([
     last_synced_at: null,
     mask: '8791',
     account_type: 'SAVINGS',
+    yodlee_provider_account_id: '10287109',
   },
 ]);
 
diff --git a/src/app/core/models/personal_card.model.ts b/src/app/core/models/personal_card.model.ts
index 037a43f75f..5729f0a1e6 100644
--- a/src/app/core/models/personal_card.model.ts
+++ b/src/app/core/models/personal_card.model.ts
@@ -16,4 +16,5 @@ export interface PersonalCard {
   unclassified_amount?: number;
   unclassified_count?: number;
   updated_at: Date;
+  yodlee_provider_account_id?: string;
 }
diff --git a/src/app/core/services/personal-cards.service.spec.ts b/src/app/core/services/personal-cards.service.spec.ts
index 9c20154875..4cacd2bf9d 100644
--- a/src/app/core/services/personal-cards.service.spec.ts
+++ b/src/app/core/services/personal-cards.service.spec.ts
@@ -1537,12 +1537,47 @@ describe('PersonalCardsService', () => {
     });
   });
 
-  it('htmlFormUrl(): get html from URL', () => {
-    const URL = 'https://repo1.maven.org/maven2';
-
-    expect(personalCardsService.htmlFormUrl(URL, '123')).toEqual(
-      'data:text/html;base64,PGZvcm0gaWQ9ImZhc3RsaW5rLWZvcm0iIG5hbWU9ImZhc3RsaW5rLWZvcm0iIGFjdGlvbj0iaHR0cHM6Ly9yZXBvMS5tYXZlbi5vcmcvbWF2ZW4yIiBtZXRob2Q9IlBPU1QiPgogICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBuYW1lPSJhY2Nlc3NUb2tlbiIgdmFsdWU9IkJlYXJlciAxMjMiIGhpZGRlbj0idHJ1ZSIgLz4KICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgIG5hbWU9ImV4dHJhUGFyYW1zIiB2YWx1ZT0iY29uZmlnTmFtZT1BZ2dyZWdhdGlvbiZjYWxsYmFjaz1odHRwczovL3d3dy5meWxlaHEuY29tIiBoaWRkZW49InRydWUiIC8+CiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9mb3JtPiAKICAgICAgICAgICAgICAgICAgICAgICAgICA8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImZhc3RsaW5rLWZvcm0iKS5zdWJtaXQoKTsKICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NjcmlwdD4KICAgICAgICAgICAgICAgICAgICAgICAgICA='
-    );
+  describe('htmlFormUrl()', () => {
+    const baseUrl = 'https://repo1.maven.org/maven2';
+
+    it('should generate the correct HTML for a normal flow', () => {
+      const accessToken = '123';
+      const isMfaFlow = false;
+
+      const result = personalCardsService.htmlFormUrl(baseUrl, accessToken, isMfaFlow);
+      const expectedExtraParams = 'configName=Aggregation&callback=https://www.fylehq.com';
+      const expectedHtml = `<form id="fastlink-form" name="fastlink-form" action="${baseUrl}" method="POST">
+                          <input name="accessToken" value="Bearer ${accessToken}" hidden="true" />
+                          <input  name="extraParams" value="${expectedExtraParams}" hidden="true" />
+                          </form> 
+                          <script type="text/javascript">
+                          document.getElementById("fastlink-form").submit();
+                          </script>
+                          `;
+      const expectedEncodedHtml = 'data:text/html;base64,' + btoa(expectedHtml);
+
+      expect(result).toEqual(expectedEncodedHtml);
+    });
+
+    it('should generate the correct HTML for an MFA flow with providerAccountId', () => {
+      const accessToken = '789';
+      const isMfaFlow = true;
+      const providerAccountId = 'test-provider-id';
+
+      const result = personalCardsService.htmlFormUrl(baseUrl, accessToken, isMfaFlow, providerAccountId);
+      const expectedExtraParams = `configName=Aggregation&flow=refresh&providerAccountId=${providerAccountId}&callback=https://www.fylehq.com`;
+      const expectedHtml = `<form id="fastlink-form" name="fastlink-form" action="${baseUrl}" method="POST">
+                          <input name="accessToken" value="Bearer ${accessToken}" hidden="true" />
+                          <input  name="extraParams" value="${expectedExtraParams}" hidden="true" />
+                          </form> 
+                          <script type="text/javascript">
+                          document.getElementById("fastlink-form").submit();
+                          </script>
+                          `;
+      const expectedEncodedHtml = 'data:text/html;base64,' + btoa(expectedHtml);
+
+      expect(result).toEqual(expectedEncodedHtml);
+    });
   });
 
   describe('getToken()', () => {
@@ -1568,4 +1603,38 @@ describe('PersonalCardsService', () => {
       });
     });
   });
+
+  describe('isMfaEnabled()', () => {
+    it('should return false when using public api', (done) => {
+      const personalCardId = '12345';
+      const usePlatformApi = false;
+
+      personalCardsService.isMfaEnabled(personalCardId, usePlatformApi).subscribe((res) => {
+        expect(res).toBeFalse();
+        expect(spenderPlatformV1ApiService.post).not.toHaveBeenCalled();
+        done();
+      });
+    });
+
+    it('should call platform API usePlatformApi is true', (done) => {
+      const personalCardId = '12345';
+      const usePlatformApi = true;
+      const mockApiResponse = {
+        data: {
+          is_mfa_enabled: true,
+        },
+      };
+      spenderPlatformV1ApiService.post.and.returnValue(of(mockApiResponse));
+
+      personalCardsService.isMfaEnabled(personalCardId, usePlatformApi).subscribe((res) => {
+        expect(res).toBeTrue();
+        expect(spenderPlatformV1ApiService.post).toHaveBeenCalledOnceWith('/personal_cards/mfa', {
+          data: {
+            id: personalCardId,
+          },
+        });
+        done();
+      });
+    });
+  });
 });
diff --git a/src/app/core/services/personal-cards.service.ts b/src/app/core/services/personal-cards.service.ts
index 8a69f88dea..fafff07b66 100644
--- a/src/app/core/services/personal-cards.service.ts
+++ b/src/app/core/services/personal-cards.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Observable, of } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { PersonalCard } from '../models/personal_card.model';
 import { YodleeAccessToken } from '../models/yoodle-token.model';
@@ -55,6 +55,7 @@ export class PersonalCardsService {
         last_synced_at: card.yodlee_last_synced_at,
         mask: card.card_number.slice(-4),
         account_type: card.account_type,
+        yodlee_provider_account_id: card.yodlee_provider_account_id,
       };
       return personalCard;
     });
@@ -190,10 +191,28 @@ export class PersonalCardsService {
     return this.expenseAggregationService.get('/yodlee/personal/access_token') as Observable<YodleeAccessToken>;
   }
 
-  htmlFormUrl(url: string, accessToken: string): string {
+  isMfaEnabled(personalCardId: string, usePlatformApi): Observable<boolean> {
+    if (!usePlatformApi) {
+      return of(false); // TODO sumrender: hack, this will be removed with old personalCards removal in next pr;
+    }
+    const payload = {
+      data: {
+        id: personalCardId,
+      },
+    };
+    return this.spenderPlatformV1ApiService
+      .post<PlatformApiResponse<{ is_mfa_enabled: boolean }>>('/personal_cards/mfa', payload)
+      .pipe(map((res) => res.data.is_mfa_enabled));
+  }
+
+  htmlFormUrl(url: string, accessToken: string, isMfaFlow: boolean, providerAccountId = ''): string {
+    let extraParams = 'configName=Aggregation&callback=https://www.fylehq.com';
+    if (isMfaFlow) {
+      extraParams = `configName=Aggregation&flow=refresh&providerAccountId=${providerAccountId}&callback=https://www.fylehq.com`;
+    }
     const pageContent = `<form id="fastlink-form" name="fastlink-form" action="${url}" method="POST">
                           <input name="accessToken" value="Bearer ${accessToken}" hidden="true" />
-                          <input  name="extraParams" value="configName=Aggregation&callback=https://www.fylehq.com" hidden="true" />
+                          <input  name="extraParams" value="${extraParams}" hidden="true" />
                           </form> 
                           <script type="text/javascript">
                           document.getElementById("fastlink-form").submit();
diff --git a/src/app/fyle/personal-cards/personal-cards.page.spec.ts b/src/app/fyle/personal-cards/personal-cards.page.spec.ts
index f5ab98ae12..5063e38cac 100644
--- a/src/app/fyle/personal-cards/personal-cards.page.spec.ts
+++ b/src/app/fyle/personal-cards/personal-cards.page.spec.ts
@@ -82,6 +82,7 @@ describe('PersonalCardsPage', () => {
       'generateCreditParams',
       'generateDateParams',
       'getMatchedExpensesSuggestions',
+      'isMfaEnabled',
     ]);
     const networkServiceSpy = jasmine.createSpyObj('NetworkService', ['connectivityWatcher', 'isOnline']);
     const routerSpy = jasmine.createSpyObj('Router', ['navigate']);
@@ -214,6 +215,7 @@ describe('PersonalCardsPage', () => {
     launchDarklyService.getVariation.and.returnValue(of(false));
     personalCardsService.getPersonalCardsCount.and.returnValue(of(2));
     personalCardsService.getPersonalCards.and.returnValue(of(linkedAccountsRes));
+    personalCardsService.isMfaEnabled.and.returnValue(of(false));
     component.loadData$ = new BehaviorSubject({
       pageNumber: 1,
     });
@@ -265,7 +267,7 @@ describe('PersonalCardsPage', () => {
       expect(loaderService.showLoader).toHaveBeenCalledTimes(1);
       expect(loaderService.hideLoader).toHaveBeenCalledTimes(1);
       expect(personalCardsService.getToken).toHaveBeenCalledTimes(1);
-      expect(component.openYoodle).toHaveBeenCalledOnceWith(apiToken.fast_link_url, apiToken.access_token);
+      expect(component.openYoodle).toHaveBeenCalledOnceWith(apiToken.fast_link_url, apiToken.access_token, false);
     }));
 
     describe('postAccounts():', () => {
@@ -349,10 +351,10 @@ describe('PersonalCardsPage', () => {
         });
         spyOn(component.loadData$, 'next');
 
-        component.onCardChanged('eq.baccLesaRlyvLY');
+        component.onCardChanged(linkedAccountsRes[0]);
 
         expect(component.loadData$.next).toHaveBeenCalledOnceWith({
-          queryParams: { btxn_status: 'in.(INITIALIZED)', ba_id: 'eq.eq.baccLesaRlyvLY' },
+          queryParams: { btxn_status: 'in.(INITIALIZED)', ba_id: 'eq.baccY70V3Mz048' },
           pageNumber: 1,
         });
         expect(component.loadData$.getValue).toHaveBeenCalledTimes(1);
@@ -364,10 +366,10 @@ describe('PersonalCardsPage', () => {
         });
         spyOn(component.loadData$, 'next');
 
-        component.onCardChanged('eq.baccLesaRlyvLY');
+        component.onCardChanged(linkedAccountsRes[0]);
 
         expect(component.loadData$.next).toHaveBeenCalledOnceWith({
-          queryParams: { btxn_status: 'in.(INITIALIZED)', ba_id: 'eq.eq.baccLesaRlyvLY' },
+          queryParams: { btxn_status: 'in.(INITIALIZED)', ba_id: 'eq.baccY70V3Mz048' },
           pageNumber: 1,
         });
         expect(component.loadData$.getValue).toHaveBeenCalledTimes(1);
@@ -479,6 +481,7 @@ describe('PersonalCardsPage', () => {
 
     it('fetchNewTransactions(): should fetch new transactions', () => {
       component.selectionMode = true;
+      component.selectedAccount = linkedAccountsRes[0];
       spyOn(component, 'switchSelectionMode');
       personalCardsService.syncTransactions.and.returnValue(of(apiPersonalCardTxnsRes));
 
@@ -843,7 +846,7 @@ describe('PersonalCardsPage', () => {
     it('addNewFiltersToParams(): should new filters to params', () => {
       spyOn(component.loadData$, 'getValue').and.returnValue({});
       component.selectedTransactionType = 'DEBIT';
-      component.selectedAccount = 'baccLesaRlyvLY';
+      component.selectedAccount = linkedAccountsRes[0];
 
       const result = component.addNewFiltersToParams();
       expect(result).toEqual(personalCardQueryParamFiltersData);
@@ -875,34 +878,70 @@ describe('PersonalCardsPage', () => {
       expect(personalCardsService.generateFilterPills).toHaveBeenCalledOnceWith({});
     }));
 
-    it('openYoodle(): should open yoodle', fakeAsync(() => {
-      personalCardsService.htmlFormUrl.and.returnValue('<h1></h1>');
-      spyOn(window, 'decodeURIComponent').and.returnValue(
-        JSON.stringify([
-          {
-            requestId: 'tx3qHxFNgRcZ',
-          },
-        ])
-      );
-      const inappborwserSpy = jasmine.createSpyObj('InAppBrowserObject', ['on', 'close']);
-      inappborwserSpy.on.withArgs('loadstop').and.returnValue(of(null));
-      inappborwserSpy.on.withArgs('loadstart').and.returnValue(
-        of({
-          url: 'https://www.fylehq.com',
-        })
-      );
-      inAppBrowserService.create.and.returnValue(inappborwserSpy);
-      spyOn(component, 'postAccounts');
+    describe('openYoodle()', () => {
+      let inappbrowserSpy: any;
 
-      component.openYoodle(apiToken.fast_link_url, apiToken.access_token);
-      tick(20000);
+      beforeEach(() => {
+        component.selectedAccount = linkedAccountsRes[0];
+        inappbrowserSpy = jasmine.createSpyObj('InAppBrowserObject', ['on', 'close']);
+      });
 
-      expect(personalCardsService.htmlFormUrl).toHaveBeenCalledOnceWith(apiToken.fast_link_url, apiToken.access_token);
-      expect(inappborwserSpy.on).toHaveBeenCalledTimes(2);
-      expect(inAppBrowserService.create).toHaveBeenCalledTimes(1);
-      expect(window.decodeURIComponent).toHaveBeenCalledTimes(1);
-      expect(component.postAccounts).toHaveBeenCalledOnceWith(['tx3qHxFNgRcZ']);
-    }));
+      it('should open Yoodle with normal flow and handle success callback', fakeAsync(() => {
+        const mockUrl = 'https://mock-url.com';
+        const mockAccessToken = 'mock_access_token';
+        const mockHtmlContent = '<h1></h1>';
+        const mockDecodedData = JSON.stringify([{ requestId: 'tx3qHxFNgRcZ' }]);
+
+        personalCardsService.htmlFormUrl.and.returnValue(mockHtmlContent);
+        spyOn(window, 'decodeURIComponent').and.returnValue(mockDecodedData);
+        inappbrowserSpy.on.withArgs('loadstop').and.returnValue(of(null));
+        inappbrowserSpy.on.withArgs('loadstart').and.returnValue(
+          of({
+            url: 'https://www.fylehq.com',
+          })
+        );
+        inAppBrowserService.create.and.returnValue(inappbrowserSpy);
+        spyOn(component, 'postAccounts');
+
+        component.openYoodle(mockUrl, mockAccessToken, false);
+        tick(20000);
+
+        expect(personalCardsService.htmlFormUrl).toHaveBeenCalledOnceWith(mockUrl, mockAccessToken, false, '10287109');
+        expect(inAppBrowserService.create).toHaveBeenCalledOnceWith(mockHtmlContent, '_blank', 'location=no');
+        expect(inappbrowserSpy.on).toHaveBeenCalledTimes(2);
+        expect(window.decodeURIComponent).toHaveBeenCalledTimes(1);
+        expect(component.postAccounts).toHaveBeenCalledOnceWith(['tx3qHxFNgRcZ']);
+        expect(inappbrowserSpy.close).toHaveBeenCalled();
+      }));
+
+      it('should handle MFA flow and sync transactions on success', fakeAsync(() => {
+        const mockUrl = 'https://mock-url.com';
+        const mockAccessToken = 'mock_access_token';
+        const mockHtmlContent = '<h1></h1>';
+        const mockDecodedData = JSON.stringify([{ requestId: 'tx3qHxFNgRcZ' }]);
+
+        personalCardsService.htmlFormUrl.and.returnValue(mockHtmlContent);
+        spyOn(window, 'decodeURIComponent').and.returnValue(mockDecodedData);
+        inappbrowserSpy.on.withArgs('loadstop').and.returnValue(of(null));
+        inappbrowserSpy.on.withArgs('loadstart').and.returnValue(
+          of({
+            url: 'https://www.fylehq.com',
+          })
+        );
+        inAppBrowserService.create.and.returnValue(inappbrowserSpy);
+        spyOn(component, 'syncTransactions');
+
+        component.openYoodle(mockUrl, mockAccessToken, true);
+        tick(20000);
+
+        expect(personalCardsService.htmlFormUrl).toHaveBeenCalledOnceWith(mockUrl, mockAccessToken, true, '10287109');
+        expect(inAppBrowserService.create).toHaveBeenCalledOnceWith(mockHtmlContent, '_blank', 'location=no');
+        expect(inappbrowserSpy.on).toHaveBeenCalledTimes(2);
+        expect(window.decodeURIComponent).toHaveBeenCalledTimes(1);
+        expect(component.syncTransactions).toHaveBeenCalledTimes(1);
+        expect(inappbrowserSpy.close).toHaveBeenCalled();
+      }));
+    });
   });
 
   describe('ngOnInit():', () => {
@@ -1060,7 +1099,7 @@ describe('PersonalCardsPage', () => {
       subject.next(linkedAccountsRes);
 
       component.linkedAccounts$.subscribe(() => {
-        expect(component.onCardChanged).toHaveBeenCalledWith(linkedAccountsRes[0].id);
+        expect(component.onCardChanged).toHaveBeenCalledWith(linkedAccountsRes[0]);
         done();
       });
     });
diff --git a/src/app/fyle/personal-cards/personal-cards.page.ts b/src/app/fyle/personal-cards/personal-cards.page.ts
index 2d3b5ee18b..b4ba24456e 100644
--- a/src/app/fyle/personal-cards/personal-cards.page.ts
+++ b/src/app/fyle/personal-cards/personal-cards.page.ts
@@ -107,7 +107,7 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
 
   selectedTransactionType = 'INITIALIZED';
 
-  selectedAccount: string;
+  selectedAccount: PersonalCard;
 
   isfetching = false;
 
@@ -285,7 +285,7 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
       this.linkedAccounts$.pipe(takeUntil(this.onPageExit$)).subscribe((linkedAccounts) => {
         if (linkedAccounts.length > 0) {
           // Initializing the selectedAccount to First account on page load
-          this.onCardChanged(linkedAccounts[0].id);
+          this.onCardChanged(linkedAccounts[0]);
         }
       });
 
@@ -344,12 +344,17 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
         })
       )
       .subscribe((yodleeConfig) => {
-        this.openYoodle(yodleeConfig.fast_link_url, yodleeConfig.access_token);
+        this.openYoodle(yodleeConfig.fast_link_url, yodleeConfig.access_token, false);
       });
   }
 
-  openYoodle(url: string, access_token: string): void {
-    const pageContentUrl = this.personalCardsService.htmlFormUrl(url, access_token);
+  openYoodle(url: string, access_token: string, isMfaFlow: boolean): void {
+    const pageContentUrl = this.personalCardsService.htmlFormUrl(
+      url,
+      access_token,
+      isMfaFlow,
+      this.selectedAccount.yodlee_provider_account_id
+    );
     const browser = this.inAppBrowserService.create(pageContentUrl, '_blank', 'location=no');
     this.spinnerDialog.show();
     /* added this for failsafe */
@@ -374,7 +379,11 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
             requestId: string;
           }[];
           if (decodedData && decodedData[0]) {
-            this.postAccounts([decodedData[0].requestId]);
+            if (isMfaFlow) {
+              this.syncTransactions();
+            } else {
+              this.postAccounts([decodedData[0].requestId]);
+            }
           }
         });
       }
@@ -406,13 +415,13 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
     this.trackingService.cardDeletedOnPersonalCards();
   }
 
-  onCardChanged(event: string): void {
-    this.selectedAccount = event;
+  onCardChanged(card: PersonalCard): void {
+    this.selectedAccount = card;
     this.acc = [];
     const params = this.loadData$.getValue();
     const queryParams = params.queryParams || {};
     queryParams.btxn_status = `in.(${this.selectedTransactionType})`;
-    queryParams.ba_id = 'eq.' + this.selectedAccount;
+    queryParams.ba_id = 'eq.' + this.selectedAccount.id;
     params.queryParams = queryParams;
     params.pageNumber = 1;
     this.zone.run(() => {
@@ -480,25 +489,43 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
     });
   }
 
+  fetchNewTransactionsWithMfa(): void {
+    from(this.loaderService.showLoader('Redirecting you to our banking partner...', 10000))
+      .pipe(
+        switchMap(() => this.personalCardsService.getToken(this.usePlatformApi)),
+        finalize(async () => {
+          await this.loaderService.hideLoader();
+        })
+      )
+      .subscribe((yodleeConfig) => {
+        this.openYoodle(yodleeConfig.fast_link_url, yodleeConfig.access_token, true);
+      });
+  }
+
   fetchNewTransactions(): void {
     this.isfetching = true;
     this.isTransactionsLoading = true;
     if (this.selectionMode) {
       this.switchSelectionMode();
     }
-    this.personalCardsService
-      .syncTransactions(this.selectedAccount, this.usePlatformApi)
-      .pipe(
-        finalize(() => {
-          this.acc = [];
-          this.isfetching = false;
-          const params = this.loadData$.getValue();
-          params.pageNumber = 1;
-          this.loadData$.next(params);
-          this.trackingService.transactionsFetchedOnPersonalCards();
-        })
-      )
-      .subscribe(noop);
+    this.personalCardsService.isMfaEnabled(this.selectedAccount.id, this.usePlatformApi).subscribe((isMfaEnabled) => {
+      if (isMfaEnabled) {
+        this.fetchNewTransactionsWithMfa();
+      } else {
+        this.syncTransactions();
+      }
+    });
+  }
+
+  syncTransactions(): void {
+    this.personalCardsService.syncTransactions(this.selectedAccount.id, this.usePlatformApi).subscribe(() => {
+      this.acc = [];
+      this.isfetching = false;
+      const params = this.loadData$.getValue();
+      params.pageNumber = 1;
+      this.loadData$.next(params);
+      this.trackingService.transactionsFetchedOnPersonalCards();
+    });
   }
 
   hideSelectedTransactions(): void {
@@ -659,7 +686,7 @@ export class PersonalCardsPage implements OnInit, AfterViewInit {
       or: [],
     };
     newQueryParams.btxn_status = `in.(${this.selectedTransactionType})`;
-    newQueryParams.ba_id = 'eq.' + this.selectedAccount;
+    newQueryParams.ba_id = 'eq.' + this.selectedAccount.id;
     const filters = this.filters;
     this.personalCardsService.generateTxnDateParams(newQueryParams, filters, 'createdOn', this.usePlatformApi);
     this.personalCardsService.generateTxnDateParams(newQueryParams, filters, 'updatedOn', this.usePlatformApi);
diff --git a/src/app/shared/components/bank-account-cards/bank-account-cards.component.spec.ts b/src/app/shared/components/bank-account-cards/bank-account-cards.component.spec.ts
index b196fba1c4..486bbbecca 100644
--- a/src/app/shared/components/bank-account-cards/bank-account-cards.component.spec.ts
+++ b/src/app/shared/components/bank-account-cards/bank-account-cards.component.spec.ts
@@ -40,7 +40,7 @@ describe('BankAccountCardsComponent', () => {
       spyOn(component.changed, 'emit');
       component.onCardChange([{ realIndex: 1 }] as Partial<Swiper[]>);
       fixture.detectChanges();
-      expect(component.changed.emit).toHaveBeenCalledOnceWith('baccBlpSkgBbN0');
+      expect(component.changed.emit).toHaveBeenCalledOnceWith(linkedAccountsRes[1]);
     });
   });
 
diff --git a/src/app/shared/components/bank-account-cards/bank-account-cards.component.ts b/src/app/shared/components/bank-account-cards/bank-account-cards.component.ts
index 3aa53017c3..ad04f71b32 100644
--- a/src/app/shared/components/bank-account-cards/bank-account-cards.component.ts
+++ b/src/app/shared/components/bank-account-cards/bank-account-cards.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit, Output, EventEmitter, ViewChild } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
 import { PersonalCard } from 'src/app/core/models/personal_card.model';
 import { SwiperComponent } from 'swiper/angular';
 import SwiperCore, { Pagination } from 'swiper';
@@ -11,14 +11,14 @@ SwiperCore.use([Pagination]);
   templateUrl: './bank-account-cards.component.html',
   styleUrls: ['./bank-account-cards.component.scss'],
 })
-export class BankAccountCardsComponent implements OnInit {
+export class BankAccountCardsComponent {
   @Input() linkedAccounts: PersonalCard[];
 
   @Input() minimal: boolean;
 
   @Output() deleted = new EventEmitter();
 
-  @Output() changed = new EventEmitter();
+  @Output() changed = new EventEmitter<PersonalCard>();
 
   @ViewChild('swiper', { static: false }) swiper?: SwiperComponent;
 
@@ -28,17 +28,13 @@ export class BankAccountCardsComponent implements OnInit {
     },
   };
 
-  constructor() {}
-
-  ngOnInit(): void {}
-
   onDeleted(): void {
     this.deleted.emit();
   }
 
   onCardChange(event: Swiper[]): void {
     if (!this.minimal && event.length && event[0].realIndex && this.linkedAccounts[event[0].realIndex]) {
-      this.changed.emit(this.linkedAccounts[event[0].realIndex].id);
+      this.changed.emit(this.linkedAccounts[event[0].realIndex]);
     }
   }
 }