diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index 758e0d8..ca3faa6 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -972,23 +972,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/@creit.tech/stellar-wallets-kit/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "extraneous": true,
-      "license": "Apache-2.0",
-      "license": "Apache-2.0",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/@creit.tech/xbull-wallet-connect": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/@creit.tech/xbull-wallet-connect/-/xbull-wallet-connect-0.4.0.tgz",
@@ -7987,24 +7970,6 @@
         "ws": "^7.5.1"
       }
     },
-    "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/utf-8-validate": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
-      "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
-      "extraneous": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "node-gyp-build": "^4.3.0"
-      },
-      "engines": {
-        "node": ">=6.14.2"
-      }
-    },
     "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/ws": {
       "version": "7.5.11",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz",
@@ -13130,24 +13095,6 @@
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "license": "MIT"
     },
-    "node_modules/jayson/node_modules/utf-8-validate": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
-      "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
-      "extraneous": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "node-gyp-build": "^4.3.0"
-      },
-      "engines": {
-        "node": ">=6.14.2"
-      }
-    },
     "node_modules/jayson/node_modules/ws": {
       "version": "7.5.11",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz",
diff --git a/dashboard/src/components/ExportHistorySkeleton.tsx b/dashboard/src/components/ExportHistorySkeleton.tsx
new file mode 100644
index 0000000..73933aa
--- /dev/null
+++ b/dashboard/src/components/ExportHistorySkeleton.tsx
@@ -0,0 +1,65 @@
+cliinterface ExportHistorySkeletonProps {
+  rows?: number;
+}
+
+function SkeletonCell({ width }: { width: string }) {
+  return (
+    <span
+      className="skeleton-block skeleton-block--inline"
+      style={{ width, height: '14px' }}
+      aria-hidden="true"
+    />
+  );
+}
+
+export function ExportHistorySkeleton({ rows = 5 }: ExportHistorySkeletonProps) {
+  return (
+    <div className="export-table-container" aria-busy="true" aria-label="Loading export history">
+      <table className="export-table">
+        <thead>
+          <tr>
+            <th scope="col">ID</th>
+            <th scope="col">Name</th>
+            <th scope="col">Format</th>
+            <th scope="col">Created At</th>
+            <th scope="col" style={{ textAlign: 'right' }}>Records</th>
+            <th scope="col" style={{ textAlign: 'right' }}>Size</th>
+            <th scope="col">Status</th>
+            <th scope="col" style={{ textAlign: 'center' }}>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          {Array.from({ length: rows }).map((_, rowIndex) => (
+            <tr key={rowIndex} className="export-table__row export-table__row--skeleton">
+              <td className="export-table__cell-id" data-label="ID">
+                <SkeletonCell width="60px" />
+              </td>
+              <td className="export-table__cell-name" data-label="Name">
+                <SkeletonCell width="120px" />
+              </td>
+              <td data-label="Format">
+                <SkeletonCell width="50px" />
+              </td>
+              <td className="export-table__cell-date" data-label="Created At">
+                <SkeletonCell width="110px" />
+              </td>
+              <td className="export-table__cell-numeric" data-label="Records">
+                <SkeletonCell width="50px" />
+              </td>
+              <td className="export-table__cell-numeric" data-label="Size">
+                <SkeletonCell width="60px" />
+              </td>
+              <td data-label="Status">
+                <SkeletonCell width="70px" />
+              </td>
+              <td className="export-table__cell-action" data-label="Actions">
+                <SkeletonCell width="80px" />
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
diff --git a/dashboard/src/pages/ExportHistoryPage.tsx b/dashboard/src/pages/ExportHistoryPage.tsx
index e35b415..c87cca8 100644
--- a/dashboard/src/pages/ExportHistoryPage.tsx
+++ b/dashboard/src/pages/ExportHistoryPage.tsx
@@ -1,6 +1,8 @@
+ 
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { generateMockExports, type NotificationExport } from '../utils/exportData';
 import { ExportHistoryTable } from '../components/ExportHistoryTable';
+import { ExportHistorySkeleton } from '../components/ExportHistorySkeleton';
 import { PaginationControls } from '../components/PaginationControls';
 import { WalletConnectButton } from '../components/WalletConnectButton';
 
@@ -10,6 +12,7 @@ import { WalletConnectButton } from '../components/WalletConnectButton';
 
 const PAGE_SIZE_OPTIONS = [5, 10, 25];
 const DEFAULT_LIMIT = 5;
+const SKELETON_DELAY_MS = 800;
 
 // ──────────────────────────────────────────────────────────────────
 // Download helper — generates a blob file and triggers the browser
@@ -94,14 +97,21 @@ function triggerDownload(blob: Blob, filename: string): void {
 
 export function ExportHistoryPage() {
   const [exports, setExports] = useState<NotificationExport[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
   const [search, setSearch] = useState('');
   const [statusFilter, setStatusFilter] = useState('all');
   const [page, setPage] = useState(1);
   const [limit, setLimit] = useState<number>(DEFAULT_LIMIT);
 
-  // Load mock data on mount (replace with real API call as needed)
+  // Simulate async data loading so the skeleton is visible (replace with real API call)
   useEffect(() => {
-    setExports(generateMockExports());
+    setIsLoading(true);
+    const timer = setTimeout(() => {
+      setExports(generateMockExports());
+      setIsLoading(false);
+    }, SKELETON_DELAY_MS);
+
+    return () => clearTimeout(timer);
   }, []);
 
   // ── Filtering ──────────────────────────────────────────────────
@@ -195,14 +205,19 @@ export function ExportHistoryPage() {
         </div>
 
         <p className="event-filters__count" aria-live="polite" aria-atomic="true">
-          {totalCount.toLocaleString()} {totalCount === 1 ? 'record' : 'records'}
+          {isLoading ? '—' : `${totalCount.toLocaleString()} ${totalCount === 1 ? 'record' : 'records'}`}
         </p>
       </section>
 
+      {/* ── Skeleton (loading) ───────────────────────────────────── */}
+      {isLoading && <ExportHistorySkeleton rows={5} />}
+
       {/* ── Table or empty state ─────────────────────────────────── */}
-      {displayedExports.length > 0 ? (
+      {!isLoading && displayedExports.length > 0 && (
         <ExportHistoryTable exports={displayedExports} onDownload={handleDownload} />
-      ) : (
+      )}
+
+      {!isLoading && displayedExports.length === 0 && (
         <section
           className="event-explorer__empty-state"
           role="status"
@@ -216,16 +231,18 @@ export function ExportHistoryPage() {
       )}
 
       {/* ── Pagination ───────────────────────────────────────────── */}
-      <PaginationControls
-        page={page}
-        pageCount={pageCount}
-        limit={limit}
-        totalCount={totalCount}
-        onPageChange={setPage}
-        onLimitChange={handleLimitChange}
-        pageSizeOptions={PAGE_SIZE_OPTIONS}
-        summaryLabel="export records"
-      />
+      {!isLoading && (
+        <PaginationControls
+          page={page}
+          pageCount={pageCount}
+          limit={limit}
+          totalCount={totalCount}
+          onPageChange={setPage}
+          onLimitChange={handleLimitChange}
+          pageSizeOptions={PAGE_SIZE_OPTIONS}
+          summaryLabel="export records"
+        />
+      )}
     </main>
   );
 }