diff --git a/src/app/@api/member.api.ts b/src/app/@api/member.api.ts
index a6f4340..78e3290 100644
--- a/src/app/@api/member.api.ts
+++ b/src/app/@api/member.api.ts
@@ -23,7 +23,7 @@ import {
   CustomTokenRequest,
 } from '@build-5/interfaces';
 import dayjs from 'dayjs';
-import { Observable, combineLatest, map, of, switchMap } from 'rxjs';
+import { Observable, combineLatest, first, map, of, switchMap } from 'rxjs';
 import { BaseApi } from './base.api';
 
 export interface TokenDistributionWithAirdrops extends TokenDistribution {
@@ -210,6 +210,68 @@ export class MemberApi extends BaseApi<Member> {
     );
   }
 
+  public getAllTransactions(
+    memberId: string,
+    orderBy: string[] = ['createdOn'],
+  ): Observable<Transaction[]> {
+    return new Observable((observer) => {
+      let accumulatedTransactions: Transaction[] = [];
+
+      const fetchPage = (lastValue?: string) => {
+        this.transactionDataset
+          .getTopTransactionsLive(orderBy, lastValue, memberId)
+          .pipe(first())
+          .subscribe({
+            next: (transactions) => {
+              if (transactions.length > 0) {
+                accumulatedTransactions = [...accumulatedTransactions, ...transactions];
+                const lastTransaction = transactions[transactions.length - 1];
+                fetchPage(lastTransaction.uid);
+              } else {
+                observer.next(accumulatedTransactions);
+                observer.complete();
+              }
+            },
+            error: (err) => observer.error(err),
+          });
+      };
+
+      fetchPage();
+    });
+  }
+
+  public getTransactionsWithLimit(
+    memberId: string,
+    totalRequired: number,
+    orderBy: string[] = ['createdOn'],
+  ): Observable<Transaction[]> {
+    return new Observable((observer) => {
+      let accumulatedTransactions: Transaction[] = [];
+
+      const fetchPage = (lastValue?: string) => {
+        this.transactionDataset
+          .getTopTransactionsLive(orderBy, lastValue, memberId)
+          .pipe(first())
+          .subscribe(
+            (transactions) => {
+              accumulatedTransactions = [...accumulatedTransactions, ...transactions];
+              observer.next(accumulatedTransactions.slice(0, totalRequired));
+
+              if (transactions.length > 0 && accumulatedTransactions.length < totalRequired) {
+                const newLastValue = transactions[transactions.length - 1].uid;
+                fetchPage(newLastValue);
+              } else {
+                observer.complete();
+              }
+            },
+            (error) => observer.error(error),
+          );
+      };
+
+      fetchPage();
+    });
+  }
+
   public allSpacesAsMember = (memberId: NetworkAddress, lastValue?: string) =>
     this.spaceDataset
       .subset(Subset.MEMBERS)
diff --git a/src/app/pages/member/member.module.ts b/src/app/pages/member/member.module.ts
index 8fc6c08..d0e2af3 100644
--- a/src/app/pages/member/member.module.ts
+++ b/src/app/pages/member/member.module.ts
@@ -61,6 +61,8 @@ import { MemberSpacesComponent } from './pages/spaces/member-spaces.component';
 import { TokensPage } from './pages/tokens/tokens.page';
 import { TransactionsPage } from './pages/transactions/transactions.page';
 import { DataService } from './services/data.service';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
 
 @NgModule({
   declarations: [
@@ -128,6 +130,8 @@ import { DataService } from './services/data.service';
     NftDepositModule,
     NftStakeModule,
     TokenTradingPairsTableModule,
+    NzRadioModule,
+    NzSpinModule,
   ],
 })
 export class MemberModule {}
diff --git a/src/app/pages/member/pages/transactions/transactions.page.html b/src/app/pages/member/pages/transactions/transactions.page.html
index af0e419..fcfc806 100644
--- a/src/app/pages/member/pages/transactions/transactions.page.html
+++ b/src/app/pages/member/pages/transactions/transactions.page.html
@@ -3,6 +3,52 @@
     <span i18n></span>
   </label>
 
+  <div
+    *ngIf="deviceService.isDesktop$ | async"
+    class="transaction-selector"
+    style="text-align: center"
+  >
+    <div class="selector-label mb-2">
+      <span i18n>Select number of transactions to view/export:</span>
+    </div>
+    <nz-radio-group
+      [(ngModel)]="selectedTransactionCount"
+      (ngModelChange)="fetchTransactionsForDisplay()"
+      class="radio-group"
+    >
+      <label
+        [class]="selectedTransactionCount === '100' ? 'radio-button active text-foregrounds-primary dark:text-foregrounds-primary-dark' : 'radio-button text-foregrounds-primary dark:text-foregrounds-primary-dark bg-backgrounds-secondary dark:bg-backgrounds-secondary-dark'"
+        nz-radio-button
+        nzValue="100"
+        >100</label
+      >
+      <label
+        [class]="selectedTransactionCount === '200' ? 'radio-button active text-foregrounds-primary dark:text-foregrounds-primary-dark' : 'radio-button text-foregrounds-primary dark:text-foregrounds-primary-dark bg-backgrounds-secondary dark:bg-backgrounds-secondary-dark'"
+        nz-radio-button
+        nzValue="200"
+        >200</label
+      >
+      <label
+        [class]="selectedTransactionCount === '500' ? 'radio-button active text-foregrounds-primary dark:text-foregrounds-primary-dark' : 'radio-button text-foregrounds-primary dark:text-foregrounds-primary-dark bg-backgrounds-secondary dark:bg-backgrounds-secondary-dark'"
+        nz-radio-button
+        nzValue="500"
+        >500</label
+      >
+      <label
+        [class]="selectedTransactionCount === '1000' ? 'radio-button active text-foregrounds-primary dark:text-foregrounds-primary-dark' : 'radio-button text-foregrounds-primary dark:text-foregrounds-primary-dark bg-backgrounds-secondary dark:bg-backgrounds-secondary-dark'"
+        nz-radio-button
+        nzValue="1000"
+        >1000</label
+      >
+      <label
+        [class]="selectedTransactionCount === 'ALL' ? 'radio-button active text-foregrounds-primary dark:text-foregrounds-primary-dark' : 'radio-button text-foregrounds-primary dark:text-foregrounds-primary-dark bg-backgrounds-secondary dark:bg-backgrounds-secondary-dark'"
+        nz-radio-button
+        nzValue="ALL"
+        >ALL</label
+      >
+    </nz-radio-group>
+  </div>
+
   <button nz-button nzType="default" nzSize="default" (click)="exportTransactions()">
     <ng-container *ngIf="!exportingTransactions">
       <wen-icon-file-export></wen-icon-file-export>
@@ -17,6 +63,18 @@
 
 <nz-card *ngIf="deviceService.isDesktop$ | async" nzTitle="Transactions" i18n-nzTitle>
   <div class="overflow-x-auto">
+    <div *ngIf="(isLoadingTransactions$ | async)" class="loading-overlay p-4">
+      <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
+    </div>
+    <p
+      nz-typography
+      nzType="secondary"
+      class="mb-2"
+      *ngIf="(isLoadingTransactions$ | async) === false"
+    >
+      {{ ((transactions$ | async)?.length || 0) + ((likelyAllFetched$ | async) === false ? '+' : '')
+      }} Transactions
+    </p>
     <nz-table class="block" #table [nzData]="(transactions$ | async) || []" [nzPageSize]="50">
       <thead>
         <tr>
@@ -95,8 +153,17 @@
 </nz-card>
 
 <div class="mt-3" *ngIf="deviceService.isMobile$ | async">
-  <p nz-typography nzType="secondary" class="mb-6" *ngIf="!isLoading(transactions$ | async)">
-    {{ ((transactions$ | async)?.length || 0) + ((maxRecords$ | async) === false ? '+' : '') }} NFTs
+  <div *ngIf="(isLoadingTransactions$ | async)" class="loading-overlay">
+    <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
+  </div>
+  <p
+    nz-typography
+    nzType="secondary"
+    class="mb-2"
+    *ngIf="(isLoadingTransactions$ | async) === false"
+  >
+    {{ ((transactions$ | async)?.length || 0) + ((likelyAllFetched$ | async) === false ? '+' : '')
+    }} Transactions
   </p>
   <div
     class="mb-10"
@@ -106,7 +173,7 @@
     (scrolled)="onScroll()"
   >
     <nz-skeleton
-      *ngIf="isLoading(transactions$ | async)"
+      *ngIf="(isLoadingTransactions$ | async)"
       class="p-4 bg-backgrounds-tertiary dark:bg-backgrounds-tertiary-dark rounded-2xl w-76 lg:w-full h-76 lg:h-16"
       [nzActive]="true"
       [nzAvatar]="{ size: 'default' }"
diff --git a/src/app/pages/member/pages/transactions/transactions.page.less b/src/app/pages/member/pages/transactions/transactions.page.less
index e69de29..50f9086 100644
--- a/src/app/pages/member/pages/transactions/transactions.page.less
+++ b/src/app/pages/member/pages/transactions/transactions.page.less
@@ -0,0 +1,18 @@
+.radio-button {
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.radio-button.active {
+  font-weight: bold;
+  cursor: pointer;
+  background-color: rgba(243, 146, 0, 0.8);
+}
+
+.radio-button:hover {
+  background-color: rgba(243, 146, 0, 0.5);
+}
+
+.radio-button.active:hover {
+  background-color: rgba(243, 146, 0, 0.8);
+}
diff --git a/src/app/pages/member/pages/transactions/transactions.page.ts b/src/app/pages/member/pages/transactions/transactions.page.ts
index 9107dd6..1b7678e 100644
--- a/src/app/pages/member/pages/transactions/transactions.page.ts
+++ b/src/app/pages/member/pages/transactions/transactions.page.ts
@@ -6,7 +6,6 @@ import {
   OnInit,
 } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { DEFAULT_LIST_SIZE } from '@api/base.api';
 import { MemberApi } from '@api/member.api';
 import { AuthService } from '@components/auth/services/auth.service';
 import { DeviceService } from '@core/services/device';
@@ -18,7 +17,7 @@ import { DataService } from '@pages/member/services/data.service';
 import { HelperService } from '@pages/member/services/helper.service';
 import { Member, Transaction, TransactionType } from '@build-5/interfaces';
 import Papa from 'papaparse';
-import { BehaviorSubject, Observable, Subscription, first, map, of } from 'rxjs';
+import { BehaviorSubject, Observable, filter, finalize, first } from 'rxjs';
 
 @UntilDestroy()
 @Component({
@@ -33,8 +32,12 @@ export class TransactionsPage implements OnInit, OnDestroy {
   >(undefined);
   public exportingTransactions = false;
   public openLockedTokenClaim?: Transaction | null;
-  private dataStore: Transaction[][] = [];
-  private subscriptions$: Subscription[] = [];
+  public allTransactions: Transaction[] = [];
+  public isLoadingTransactions$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);
+  public selectedTransactionCount = '100';
+  public transactionOptions = ['100', '200', '500', 'ALL'];
+  public lastTransactionId: string | null = null;
+  public likelyAllFetched$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
 
   constructor(
     public deviceService: DeviceService,
@@ -52,15 +55,62 @@ export class TransactionsPage implements OnInit, OnDestroy {
     this.route.params.subscribe((params) => {
       if (params?.export === 'true' || params?.export === true) {
         this.exportTransactions();
-        this.cd.markForCheck();
       }
+    });
 
-      this.data.member$?.pipe(untilDestroyed(this)).subscribe((obj) => {
-        if (obj) {
-          this.listen();
-        }
+    this.isLoadingTransactions$.next(true);
+    this.data.member$
+      .pipe(
+        filter((member) => !!member),
+        first(),
+        untilDestroyed(this),
+      )
+      .subscribe((member) => {
+        this.isLoadingTransactions$.next(false);
+        this.fetchTransactionsForDisplay();
       });
-    });
+  }
+
+  public fetchTransactionsForDisplay(): void {
+    this.isLoadingTransactions$.next(true);
+    const memberUid = this.data.member$.value?.uid;
+
+    if (memberUid) {
+      if (this.selectedTransactionCount === 'ALL') {
+        this.allTransactions = [];
+      }
+
+      let transactionsObservable: Observable<Transaction[]>;
+      if (this.selectedTransactionCount === 'ALL') {
+        transactionsObservable = this.memberApi.getAllTransactions(memberUid, ['createdOn']);
+        this.likelyAllFetched$.next(true);
+      } else {
+        const limit = parseInt(this.selectedTransactionCount);
+        transactionsObservable = this.memberApi.getTransactionsWithLimit(memberUid, limit, [
+          'createdOn',
+        ]);
+      }
+
+      transactionsObservable
+        .pipe(
+          finalize(() => {
+            this.isLoadingTransactions$.next(false);
+            this.cd.markForCheck();
+          }),
+          untilDestroyed(this),
+        )
+        .subscribe((transactions) => {
+          this.transactions$.next(transactions);
+          if (this.selectedTransactionCount === 'ALL') {
+            this.allTransactions = transactions;
+          } else {
+            this.likelyAllFetched$.next(
+              transactions.length < parseInt(this.selectedTransactionCount) ||
+                transactions.length === this.allTransactions.length,
+            );
+          }
+        });
+    }
   }
 
   public getDebugInfo(tran: Transaction | undefined | null): string {
@@ -72,16 +122,6 @@ export class TransactionsPage implements OnInit, OnDestroy {
     return msg;
   }
 
-  private listen(): void {
-    this.cancelSubscriptions();
-    this.transactions$.next(undefined);
-    this.subscriptions$.push(this.getHandler(undefined).subscribe(this.store.bind(this, 0)));
-  }
-
-  public isLoading(arr: any): boolean {
-    return arr === undefined;
-  }
-
   public get loggedInMember$(): BehaviorSubject<Member | undefined> {
     return this.auth.member$;
   }
@@ -99,71 +139,44 @@ export class TransactionsPage implements OnInit, OnDestroy {
     this.cd.markForCheck();
   }
 
-  public getHandler(last?: any): Observable<Transaction[]> {
-    if (this.data.member$.value) {
-      return this.memberApi.topTransactions(this.data.member$.value.uid, undefined, last);
-    } else {
-      return of([]);
-    }
-  }
-
   public onScroll(): void {
-    // In this case there is no value, no need to infinite scroll.
-    if (!this.transactions$.value) {
-      return;
-    }
-
-    // We reached maximum.
     if (
-      !this.dataStore[this.dataStore.length - 1] ||
-      this.dataStore[this.dataStore.length - 1]?.length < DEFAULT_LIST_SIZE
+      this.deviceService.isMobile$ &&
+      this.transactions$.value &&
+      this.transactions$.value.length > 0
     ) {
-      return;
-    }
-
-    // Def order field.
-    const lastValue = this.transactions$.value[this.transactions$.value.length - 1]._doc;
-    this.subscriptions$.push(
-      this.getHandler(lastValue).subscribe(this.store.bind(this, this.dataStore.length)),
-    );
-  }
-
-  protected store(page: number, a: any): void {
-    if (this.dataStore[page]) {
-      this.dataStore[page] = a;
-    } else {
-      this.dataStore.push(a);
-    }
-
-    // Merge arrays.
-    this.transactions$.next(Array.prototype.concat.apply([], this.dataStore));
-  }
-
-  public get maxRecords$(): BehaviorSubject<boolean> {
-    return <BehaviorSubject<boolean>>this.transactions$.pipe(
-      map(() => {
-        if (!this.dataStore[this.dataStore.length - 1]) {
-          return true;
+      this.isLoadingTransactions$.pipe(first()).subscribe((isLoading) => {
+        if (!isLoading) {
+          this.isLoadingTransactions$.next(true);
+          const memberUid = this.data.member$.value?.uid;
+
+          if (memberUid && this.lastTransactionId) {
+            this.memberApi
+              .topTransactions(memberUid, ['createdOn'], this.lastTransactionId)
+              .pipe(
+                first(),
+                finalize(() => this.isLoadingTransactions$.next(false)),
+              )
+              .subscribe((transactions) => {
+                if (transactions && transactions.length > 0) {
+                  this.transactions$.next([...(this.transactions$.value || []), ...transactions]);
+                  this.lastTransactionId = transactions[transactions.length - 1].uid;
+                }
+                this.cd.markForCheck();
+              });
+          }
         }
-
-        return (
-          !this.dataStore[this.dataStore.length - 1] ||
-          this.dataStore[this.dataStore.length - 1]?.length < DEFAULT_LIST_SIZE
-        );
-      }),
-    );
+      });
+    }
   }
 
   public exportTransactions(): void {
     if (!this.data.member$.value?.uid) return;
     this.exportingTransactions = true;
-    this.memberApi
-      .topTransactions(this.data.member$.value?.uid, undefined, undefined)
-      .pipe(first(), untilDestroyed(this))
-      .subscribe((transactions: Transaction[]) => {
-        this.exportingTransactions = false;
+
+    this.transactions$.pipe(first()).subscribe((transactions) => {
+      if (transactions && transactions.length > 0) {
         const fields = [
-          '',
           'tranUid',
           'network',
           'type',
@@ -193,12 +206,16 @@ export class TransactionsPage implements OnInit, OnDestroy {
           ]),
         });
 
-        download(
-          `data:text/csv;charset=utf-8${csv}`,
-          `soonaverse_${this.data.member$.value?.uid}_transactions.csv`,
-        );
-        this.cd.markForCheck();
-      });
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+        const downloadUrl = URL.createObjectURL(blob);
+        download(downloadUrl, `soonaverse_${this.data.member$.value?.uid}_transactions.csv`);
+        URL.revokeObjectURL(downloadUrl);
+      } else {
+        console.error('No transactions to export');
+      }
+      this.exportingTransactions = false;
+      this.cd.markForCheck();
+    });
   }
 
   public trackByUid(index: number, item: any): any {
@@ -206,11 +223,9 @@ export class TransactionsPage implements OnInit, OnDestroy {
   }
 
   private cancelSubscriptions(): void {
-    this.subscriptions$.forEach((s) => {
-      s.unsubscribe();
-    });
-
-    this.dataStore = [];
+    this.transactions$.unsubscribe();
+    this.likelyAllFetched$.unsubscribe();
+    this.isLoadingTransactions$.unsubscribe();
   }
 
   public ngOnDestroy(): void {