diff --git a/src/components/common/table-columns/BLOCK_COLUMNS.tsx b/src/components/common/table-columns/BLOCK_COLUMNS.tsx
index 458ee1a..253d790 100644
--- a/src/components/common/table-columns/BLOCK_COLUMNS.tsx
+++ b/src/components/common/table-columns/BLOCK_COLUMNS.tsx
@@ -20,7 +20,7 @@ export const BLOCK_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
-        className="font-mono text-flare"
+        numeric
       />
     ),
     enableSorting: false
@@ -44,7 +44,7 @@ export const BLOCK_COLUMNS = [
     id: 'extrinsicsCount',
     header: 'Txs',
     cell: (props) => (
-      <span className="font-mono text-muted-text">{props.getValue()}</span>
+      <span className="numeric text-muted-text">{props.getValue()}</span>
     ),
     enableSorting: true
   }),
@@ -52,7 +52,7 @@ export const BLOCK_COLUMNS = [
     id: 'reward',
     header: 'Reward',
     cell: (props) => (
-      <span className="font-mono">{formatMonetaryValue(props.getValue())}</span>
+      <span className="numeric">{formatMonetaryValue(props.getValue())}</span>
     ),
     enableSorting: true
   }),
diff --git a/src/components/common/table-columns/ERROR_EVENT_COLUMNS.tsx b/src/components/common/table-columns/ERROR_EVENT_COLUMNS.tsx
index b0bcf7a..03c846a 100644
--- a/src/components/common/table-columns/ERROR_EVENT_COLUMNS.tsx
+++ b/src/components/common/table-columns/ERROR_EVENT_COLUMNS.tsx
@@ -31,6 +31,7 @@ export const ERROR_EVENT_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/HIGH_SECURITY_SET_COLUMNS.tsx b/src/components/common/table-columns/HIGH_SECURITY_SET_COLUMNS.tsx
index 93b1222..a7950f4 100644
--- a/src/components/common/table-columns/HIGH_SECURITY_SET_COLUMNS.tsx
+++ b/src/components/common/table-columns/HIGH_SECURITY_SET_COLUMNS.tsx
@@ -35,6 +35,7 @@ export const HIGH_SECURITY_SET_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MINER_LEADERBOARD_COLUMNS.tsx b/src/components/common/table-columns/MINER_LEADERBOARD_COLUMNS.tsx
index def0088..97787df 100644
--- a/src/components/common/table-columns/MINER_LEADERBOARD_COLUMNS.tsx
+++ b/src/components/common/table-columns/MINER_LEADERBOARD_COLUMNS.tsx
@@ -53,7 +53,7 @@ export const getMinerLeaderboardColumns = ({
       return (
         <div
           className={cn(
-            'w-8 font-mono text-xs text-center',
+            'w-8 numeric text-xs text-center',
             getRankClassName(rank)
           )}
         >
@@ -84,7 +84,7 @@ export const getMinerLeaderboardColumns = ({
     id: 'total_mined_blocks',
     header: 'Blocks Mined',
     cell: (props) => (
-      <span className="font-mono">
+      <span className="numeric">
         {(props.getValue() ?? 0).toLocaleString()}
       </span>
     ),
@@ -112,7 +112,7 @@ export const getMinerLeaderboardColumns = ({
               }}
             />
           </div>
-          <span className="font-mono text-muted-text">{pct.toFixed(1)}%</span>
+          <span className="numeric text-muted-text">{pct.toFixed(1)}%</span>
         </div>
       );
     },
@@ -122,7 +122,7 @@ export const getMinerLeaderboardColumns = ({
     id: 'total_rewards',
     header: 'Total Rewards',
     cell: (props) => (
-      <span className="font-mono">
+      <span className="numeric">
         {formatMonetaryValue(props.getValue(), 5)}
       </span>
     ),
diff --git a/src/components/common/table-columns/MINER_REWARD_COLUMNS.tsx b/src/components/common/table-columns/MINER_REWARD_COLUMNS.tsx
index 6853022..6e11c82 100644
--- a/src/components/common/table-columns/MINER_REWARD_COLUMNS.tsx
+++ b/src/components/common/table-columns/MINER_REWARD_COLUMNS.tsx
@@ -31,6 +31,7 @@ export const MINER_REWARD_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_CREATED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_CREATED_COLUMNS.tsx
index 5d430a3..71aec3b 100644
--- a/src/components/common/table-columns/MULTISIG_CREATED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_CREATED_COLUMNS.tsx
@@ -51,6 +51,7 @@ export const MULTISIG_CREATED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_DEPOSITS_CLAIMED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_DEPOSITS_CLAIMED_COLUMNS.tsx
index 17e6699..af407d6 100644
--- a/src/components/common/table-columns/MULTISIG_DEPOSITS_CLAIMED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_DEPOSITS_CLAIMED_COLUMNS.tsx
@@ -38,6 +38,7 @@ export const MULTISIG_DEPOSITS_CLAIMED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_CANCELLED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_CANCELLED_COLUMNS.tsx
index 4539159..40687bd 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_CANCELLED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_CANCELLED_COLUMNS.tsx
@@ -34,6 +34,7 @@ export const MULTISIG_PROPOSAL_CANCELLED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_COLUMNS.tsx
index af4405f..f3a305c 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_COLUMNS.tsx
@@ -114,6 +114,7 @@ export const MULTISIG_PROPOSAL_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_CREATED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_CREATED_COLUMNS.tsx
index e8d0387..250c10c 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_CREATED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_CREATED_COLUMNS.tsx
@@ -35,6 +35,7 @@ export const MULTISIG_PROPOSAL_CREATED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_EXECUTED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_EXECUTED_COLUMNS.tsx
index 7238512..259cf8a 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_EXECUTED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_EXECUTED_COLUMNS.tsx
@@ -34,6 +34,7 @@ export const MULTISIG_PROPOSAL_EXECUTED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_READY_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_READY_COLUMNS.tsx
index a66360b..824ab58 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_READY_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_READY_COLUMNS.tsx
@@ -34,6 +34,7 @@ export const MULTISIG_PROPOSAL_READY_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_PROPOSAL_REMOVED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_PROPOSAL_REMOVED_COLUMNS.tsx
index 918a9cd..6edb57b 100644
--- a/src/components/common/table-columns/MULTISIG_PROPOSAL_REMOVED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_PROPOSAL_REMOVED_COLUMNS.tsx
@@ -34,6 +34,7 @@ export const MULTISIG_PROPOSAL_REMOVED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/MULTISIG_SIGNER_APPROVED_COLUMNS.tsx b/src/components/common/table-columns/MULTISIG_SIGNER_APPROVED_COLUMNS.tsx
index eeabe41..c37f135 100644
--- a/src/components/common/table-columns/MULTISIG_SIGNER_APPROVED_COLUMNS.tsx
+++ b/src/components/common/table-columns/MULTISIG_SIGNER_APPROVED_COLUMNS.tsx
@@ -34,6 +34,7 @@ export const MULTISIG_SIGNER_APPROVED_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/RECENT_BLOCK_COLUMNS.tsx b/src/components/common/table-columns/RECENT_BLOCK_COLUMNS.tsx
index 560a1f1..2628903 100644
--- a/src/components/common/table-columns/RECENT_BLOCK_COLUMNS.tsx
+++ b/src/components/common/table-columns/RECENT_BLOCK_COLUMNS.tsx
@@ -16,6 +16,7 @@ export const RECENT_BLOCK_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: false
diff --git a/src/components/common/table-columns/TRANSACTION_COLUMNS.tsx b/src/components/common/table-columns/TRANSACTION_COLUMNS.tsx
index 49de46f..888e89e 100644
--- a/src/components/common/table-columns/TRANSACTION_COLUMNS.tsx
+++ b/src/components/common/table-columns/TRANSACTION_COLUMNS.tsx
@@ -46,6 +46,7 @@ export const TRANSACTION_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
+        numeric
       />
     ),
     enableSorting: true
diff --git a/src/components/common/table-columns/UNIFIED_LIST_TRANSACTION_COLUMNS.tsx b/src/components/common/table-columns/UNIFIED_LIST_TRANSACTION_COLUMNS.tsx
index 3d9eede..66170b0 100644
--- a/src/components/common/table-columns/UNIFIED_LIST_TRANSACTION_COLUMNS.tsx
+++ b/src/components/common/table-columns/UNIFIED_LIST_TRANSACTION_COLUMNS.tsx
@@ -60,7 +60,7 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
       <LinkWithCopy
         href={`${RESOURCES.blocks}/${props.getValue()}`}
         text={formatBlockHeight(props.getValue())}
-        className="font-mono text-flare"
+        numeric
       />
     ),
     enableSorting: true
@@ -112,7 +112,7 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
       const value = props.getValue();
       if (value == null)
         return <span className="font-mono text-muted-text">—</span>;
-      return <span className="font-mono">{formatMonetaryValue(value, 5)}</span>;
+      return <span className="numeric">{formatMonetaryValue(value, 5)}</span>;
     },
     enableSorting: true
   }),
@@ -124,7 +124,7 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
       if (value == null)
         return <span className="font-mono text-muted-text">—</span>;
       return (
-        <span className="font-mono text-muted-text">
+        <span className="numeric text-muted-text">
           {formatMonetaryValue(value, 5)}
         </span>
       );
@@ -212,7 +212,7 @@ export const RECENT_UNIFIED_LIST_TRANSACTION_COLUMNS = [
       const value = props.getValue();
       if (value == null)
         return <span className="font-mono text-muted-text">—</span>;
-      return <span className="font-mono">{formatMonetaryValue(value, 5)}</span>;
+      return <span className="numeric">{formatMonetaryValue(value, 5)}</span>;
     },
     enableSorting: false
   }),
diff --git a/src/components/features/account-details/account-information/AccountInformation.tsx b/src/components/features/account-details/account-information/AccountInformation.tsx
index b185cf6..537ee3e 100644
--- a/src/components/features/account-details/account-information/AccountInformation.tsx
+++ b/src/components/features/account-details/account-information/AccountInformation.tsx
@@ -133,7 +133,7 @@ export const AccountInformation: React.FC<AccountInformationProps> = ({
           label: 'Free Balance',
           key: 'free',
           render: (value) => (
-            <span className="font-mono text-base text-flare">
+            <span className="numeric text-base text-flare">
               {formatMonetaryValue(value)}
             </span>
           ),
@@ -156,14 +156,14 @@ export const AccountInformation: React.FC<AccountInformationProps> = ({
           label: 'Transactions',
           key: 'transactions',
           render: (value) => (
-            <span className="font-mono">{value.toLocaleString()}</span>
+            <span className="numeric">{value.toLocaleString()}</span>
           )
         },
         {
           label: 'Mining Rewards',
           key: 'miningRewards',
           render: (value) => (
-            <span className="font-mono">
+            <span className="numeric">
               {value > 1 ? `${value} rewards` : `${value} reward`}
             </span>
           )
diff --git a/src/components/features/account-listing/accounts-stats/AccountsStats.tsx b/src/components/features/account-listing/accounts-stats/AccountsStats.tsx
index 740266c..330785a 100644
--- a/src/components/features/account-listing/accounts-stats/AccountsStats.tsx
+++ b/src/components/features/account-listing/accounts-stats/AccountsStats.tsx
@@ -41,11 +41,7 @@ export const AccountsStats: React.FC<AccountsStatsProps> = () => {
           </CardTitle>
         </CardHeader>
         <CardContent>
-          {success && (
-            <p className="font-mono">
-              {data?.all.total_accounts.toLocaleString()}
-            </p>
-          )}
+          {success && <p>{data?.all.total_accounts.toLocaleString()}</p>}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
         </CardContent>
@@ -59,9 +55,7 @@ export const AccountsStats: React.FC<AccountsStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.recentlyActive.aggregate.count.toLocaleString()}
-            </p>
+            <p>{data?.recentlyActive.aggregate.count.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
@@ -76,9 +70,7 @@ export const AccountsStats: React.FC<AccountsStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.recentlyDeposited.aggregate.count.toLocaleString()}
-            </p>
+            <p>{data?.recentlyDeposited.aggregate.count.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
diff --git a/src/components/features/block-details/block-information/BlockInformation.tsx b/src/components/features/block-details/block-information/BlockInformation.tsx
index 71e0710..d8c34bf 100644
--- a/src/components/features/block-details/block-information/BlockInformation.tsx
+++ b/src/components/features/block-details/block-information/BlockInformation.tsx
@@ -38,7 +38,7 @@ function splitRewardTransfers(
 
 function formatRewardAmount(amount: string | null | undefined) {
   if (amount == null) return <span className="text-muted-text">—</span>;
-  return <span className="font-mono">{formatMonetaryValue(amount)}</span>;
+  return <span className="numeric">{formatMonetaryValue(amount)}</span>;
 }
 
 export const BlockInformation: React.FC<BlockInformationProps> = ({
@@ -83,7 +83,7 @@ export const BlockInformation: React.FC<BlockInformationProps> = ({
           key: 'height',
           render: (value) =>
             value != null ? (
-              <span className="font-mono text-flare">
+              <span className="numeric text-flare">
                 {formatBlockHeight(value as number)}
               </span>
             ) : (
@@ -133,9 +133,7 @@ export const BlockInformation: React.FC<BlockInformationProps> = ({
         {
           label: 'Transactions',
           key: 'extrinsicsCount',
-          render: (value) => (
-            <span className="font-mono">{value as number}</span>
-          )
+          render: (value) => <span className="numeric">{value as number}</span>
         }
       ]}
     />
diff --git a/src/components/features/block-details/index.tsx b/src/components/features/block-details/index.tsx
index a00a7b6..84fe8bc 100644
--- a/src/components/features/block-details/index.tsx
+++ b/src/components/features/block-details/index.tsx
@@ -27,7 +27,7 @@ export const BlockDetails: React.FC<Props> = ({ id }) => {
   return (
     <SectionContainer>
       <ContentContainer className="flex flex-col gap-6">
-        <h1 className="page-title">{title}</h1>
+        <h1 className="page-title numeric">{title}</h1>
 
         <BlockInformation query={query} />
 
diff --git a/src/components/features/block-listing/blocks-stats/BlocksStats.tsx b/src/components/features/block-listing/blocks-stats/BlocksStats.tsx
index d81ecd1..1ff2672 100644
--- a/src/components/features/block-listing/blocks-stats/BlocksStats.tsx
+++ b/src/components/features/block-listing/blocks-stats/BlocksStats.tsx
@@ -32,7 +32,7 @@ export const BlocksStats: React.FC<BlocksStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono !text-flare">
+            <p className="!text-flare">
               #{data?.chain.block_height.toLocaleString()}
             </p>
           )}
@@ -49,9 +49,7 @@ export const BlocksStats: React.FC<BlocksStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              #{data?.chain.finalized_block_height.toLocaleString()}
-            </p>
+            <p>#{data?.chain.finalized_block_height.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
@@ -66,9 +64,7 @@ export const BlocksStats: React.FC<BlocksStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.minedIn24Hours.aggregate.totalCount.toLocaleString()}
-            </p>
+            <p>{data?.minedIn24Hours.aggregate.totalCount.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
diff --git a/src/components/features/cancelled-reversible-transaction-details/cancelled-reversible-transaction-information/CancelledReversibleTransactionInformation.tsx b/src/components/features/cancelled-reversible-transaction-details/cancelled-reversible-transaction-information/CancelledReversibleTransactionInformation.tsx
index b29c13b..6b03305 100644
--- a/src/components/features/cancelled-reversible-transaction-details/cancelled-reversible-transaction-information/CancelledReversibleTransactionInformation.tsx
+++ b/src/components/features/cancelled-reversible-transaction-details/cancelled-reversible-transaction-information/CancelledReversibleTransactionInformation.tsx
@@ -68,6 +68,7 @@ export const CancelledReversibleTransactionInformation: React.FC<
               text={formatBlockHeight(value.height)}
               href={`${RESOURCES.blocks}/${value.height}`}
               className="break-all"
+              numeric
             />
           )
         },
diff --git a/src/components/features/error-event-details/error-event-information/ErrorEventInformation.tsx b/src/components/features/error-event-details/error-event-information/ErrorEventInformation.tsx
index 742417b..a67659f 100644
--- a/src/components/features/error-event-details/error-event-information/ErrorEventInformation.tsx
+++ b/src/components/features/error-event-details/error-event-information/ErrorEventInformation.tsx
@@ -76,6 +76,7 @@ export const ErrorEventInformation: React.FC<ErrorEventInformationProps> = ({
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/error-events-listing/error-events-stats/ErrorEventsStats.tsx b/src/components/features/error-events-listing/error-events-stats/ErrorEventsStats.tsx
index f5a50cf..82b27ee 100644
--- a/src/components/features/error-events-listing/error-events-stats/ErrorEventsStats.tsx
+++ b/src/components/features/error-events-listing/error-events-stats/ErrorEventsStats.tsx
@@ -42,9 +42,7 @@ export const ErrorEventsStats: React.FC<ErrorEventsStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.allTime.total_error_events.toLocaleString()}
-            </p>
+            <p>{data?.allTime.total_error_events.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
@@ -59,9 +57,7 @@ export const ErrorEventsStats: React.FC<ErrorEventsStatsProps> = () => {
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.last24Hour.aggregate.totalCount.toLocaleString()}
-            </p>
+            <p>{data?.last24Hour.aggregate.totalCount.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
diff --git a/src/components/features/executed-reversible-transaction-details/executed-reversible-transaction-information/ExecutedReversibleTransactionInformation.tsx b/src/components/features/executed-reversible-transaction-details/executed-reversible-transaction-information/ExecutedReversibleTransactionInformation.tsx
index e500580..8a7b4c2 100644
--- a/src/components/features/executed-reversible-transaction-details/executed-reversible-transaction-information/ExecutedReversibleTransactionInformation.tsx
+++ b/src/components/features/executed-reversible-transaction-details/executed-reversible-transaction-information/ExecutedReversibleTransactionInformation.tsx
@@ -59,6 +59,7 @@ export const ExecutedReversibleTransactionInformation: React.FC<
               text={formatBlockHeight(value.height)}
               href={`${RESOURCES.blocks}/${value.height}`}
               className="break-all"
+              numeric
             />
           )
         },
diff --git a/src/components/features/high-security-set-details/high-security-set-information/HighSecuritySetInformation.tsx b/src/components/features/high-security-set-details/high-security-set-information/HighSecuritySetInformation.tsx
index 6560c28..e8e555e 100644
--- a/src/components/features/high-security-set-details/high-security-set-information/HighSecuritySetInformation.tsx
+++ b/src/components/features/high-security-set-details/high-security-set-information/HighSecuritySetInformation.tsx
@@ -67,6 +67,7 @@ export const HighSecuritySetInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/high-security-sets-listing/high-security-sets-stats/HighSecuritySetsStats.tsx b/src/components/features/high-security-sets-listing/high-security-sets-stats/HighSecuritySetsStats.tsx
index 19e4438..dbf798b 100644
--- a/src/components/features/high-security-sets-listing/high-security-sets-stats/HighSecuritySetsStats.tsx
+++ b/src/components/features/high-security-sets-listing/high-security-sets-stats/HighSecuritySetsStats.tsx
@@ -44,9 +44,7 @@ export const HighSecuritySetsStats: React.FC<
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.allTime.total_high_security_sets.toLocaleString()}
-            </p>
+            <p>{data?.allTime.total_high_security_sets.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
@@ -61,9 +59,7 @@ export const HighSecuritySetsStats: React.FC<
         </CardHeader>
         <CardContent>
           {success && (
-            <p className="font-mono">
-              {data?.last24Hour.aggregate.totalCount.toLocaleString()}
-            </p>
+            <p>{data?.last24Hour.aggregate.totalCount.toLocaleString()}</p>
           )}
           {loading && <Skeleton className="h-6" />}
           {error && <InlineFetchError error={error} />}
diff --git a/src/components/features/miner-reward-details/miner-reward-information/MinerRewardInformation.tsx b/src/components/features/miner-reward-details/miner-reward-information/MinerRewardInformation.tsx
index 91b9fc7..474c33e 100644
--- a/src/components/features/miner-reward-details/miner-reward-information/MinerRewardInformation.tsx
+++ b/src/components/features/miner-reward-details/miner-reward-information/MinerRewardInformation.tsx
@@ -76,6 +76,7 @@ export const MinerRewardInformation: React.FC<MinerRewardInformationProps> = ({
               text={formatBlockHeight((value as MinerReward['block']).height)}
               href={`${RESOURCES.blocks}/${(value as MinerReward['block']).height}`}
               className="break-all"
+              numeric
             />
           )
         },
diff --git a/src/components/features/multisig-created-details/multisig-created-fields.tsx b/src/components/features/multisig-created-details/multisig-created-fields.tsx
index 237dd58..63aa06c 100644
--- a/src/components/features/multisig-created-details/multisig-created-fields.tsx
+++ b/src/components/features/multisig-created-details/multisig-created-fields.tsx
@@ -23,7 +23,7 @@ const getSharedMultisigConfigurationFields = (): MultisigCreatedField[] => [
     key: 'threshold',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">{String(value)}</span>
+        <span className="numeric">{String(value)}</span>
       ) : (
         <EmptyValue />
       )
@@ -33,7 +33,7 @@ const getSharedMultisigConfigurationFields = (): MultisigCreatedField[] => [
     key: 'nonce',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">{String(value)}</span>
+        <span className="numeric">{String(value)}</span>
       ) : (
         <EmptyValue />
       )
@@ -105,6 +105,7 @@ export const getMultisigCreatedEventFields = (): MultisigCreatedField[] => [
         <LinkWithCopy
           text={formatBlockHeight(block.height)}
           href={`${RESOURCES.blocks}/${block.height}`}
+          numeric
         />
       );
     }
@@ -154,6 +155,7 @@ export const getMultisigAccountFields = (): MultisigCreatedField[] => [
         <LinkWithCopy
           text={formatBlockHeight(block.height)}
           href={`${RESOURCES.blocks}/${block.height}`}
+          numeric
         />
       );
     }
diff --git a/src/components/features/multisig-deposits-claimed-details/multisig-deposits-claimed-information/MultisigDepositsClaimedInformation.tsx b/src/components/features/multisig-deposits-claimed-details/multisig-deposits-claimed-information/MultisigDepositsClaimedInformation.tsx
index 8554755..2f4c658 100644
--- a/src/components/features/multisig-deposits-claimed-details/multisig-deposits-claimed-information/MultisigDepositsClaimedInformation.tsx
+++ b/src/components/features/multisig-deposits-claimed-details/multisig-deposits-claimed-information/MultisigDepositsClaimedInformation.tsx
@@ -75,6 +75,7 @@ export const MultisigDepositsClaimedInformation: React.FC<
               )}
               href={`${RESOURCES.blocks}/${(value as MultisigDepositsClaimed['block']).height}`}
               className="break-all"
+              numeric
             />
           )
         },
diff --git a/src/components/features/multisig-proposal-cancelled-details/multisig-proposal-cancelled-information/MultisigProposalCancelledInformation.tsx b/src/components/features/multisig-proposal-cancelled-details/multisig-proposal-cancelled-information/MultisigProposalCancelledInformation.tsx
index 0743930..8bc515b 100644
--- a/src/components/features/multisig-proposal-cancelled-details/multisig-proposal-cancelled-information/MultisigProposalCancelledInformation.tsx
+++ b/src/components/features/multisig-proposal-cancelled-details/multisig-proposal-cancelled-information/MultisigProposalCancelledInformation.tsx
@@ -82,6 +82,7 @@ export const MultisigProposalCancelledInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/multisig-proposal-created-details/multisig-proposal-created-information/MultisigProposalCreatedInformation.tsx b/src/components/features/multisig-proposal-created-details/multisig-proposal-created-information/MultisigProposalCreatedInformation.tsx
index c36e3c8..b7cb2ad 100644
--- a/src/components/features/multisig-proposal-created-details/multisig-proposal-created-information/MultisigProposalCreatedInformation.tsx
+++ b/src/components/features/multisig-proposal-created-details/multisig-proposal-created-information/MultisigProposalCreatedInformation.tsx
@@ -78,6 +78,7 @@ export const MultisigProposalCreatedInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/multisig-proposal-details/multisig-proposal-information/MultisigProposalInformation.tsx b/src/components/features/multisig-proposal-details/multisig-proposal-information/MultisigProposalInformation.tsx
index 9598880..c44bbde 100644
--- a/src/components/features/multisig-proposal-details/multisig-proposal-information/MultisigProposalInformation.tsx
+++ b/src/components/features/multisig-proposal-details/multisig-proposal-information/MultisigProposalInformation.tsx
@@ -132,9 +132,7 @@ const BASE_PROPOSAL_FIELDS: ProposalField[] = [
     key: 'deposit',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">
-          {formatMonetaryValue(String(value), 5)}
-        </span>
+        <span className="numeric">{formatMonetaryValue(String(value), 5)}</span>
       ) : (
         <EmptyValue />
       )
@@ -147,6 +145,7 @@ const BASE_PROPOSAL_FIELDS: ProposalField[] = [
         <LinkWithCopy
           href={`${RESOURCES.blocks}/${value}`}
           text={String(value)}
+          numeric
         />
       ) : (
         <EmptyValue />
@@ -179,6 +178,7 @@ const BASE_PROPOSAL_FIELDS: ProposalField[] = [
         <LinkWithCopy
           href={`${RESOURCES.blocks}/${block.height}`}
           text={formatBlockHeight(block.height)}
+          numeric
         />
       ) : (
         <EmptyValue />
@@ -257,9 +257,7 @@ const BALANCE_TRANSFER_FIELDS: ProposalField[] = [
     key: 'transfer_amount',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">
-          {formatMonetaryValue(String(value), 5)}
-        </span>
+        <span className="numeric">{formatMonetaryValue(String(value), 5)}</span>
       ) : (
         <EmptyValue />
       )
@@ -278,9 +276,7 @@ const SCHEDULED_TRANSFER_FIELDS: ProposalField[] = [
     key: 'schedule_amount',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">
-          {formatMonetaryValue(String(value), 5)}
-        </span>
+        <span className="numeric">{formatMonetaryValue(String(value), 5)}</span>
       ) : (
         <EmptyValue />
       )
@@ -300,7 +296,7 @@ const SCHEDULED_TRANSFER_FIELDS: ProposalField[] = [
     key: 'delay_value',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">{String(value)}</span>
+        <span className="numeric">{String(value)}</span>
       ) : (
         <EmptyValue />
       )
@@ -340,7 +336,7 @@ const SET_HIGH_SECURITY_FIELDS: ProposalField[] = [
     key: 'delay_value',
     render: (value) =>
       value != null ? (
-        <span className="font-mono">{String(value)}</span>
+        <span className="numeric">{String(value)}</span>
       ) : (
         <EmptyValue />
       )
@@ -484,6 +480,7 @@ export const MultisigProposalInformation: React.FC<
                           <LinkWithCopy
                             href={`${RESOURCES.blocks}/${row.block.height}`}
                             text={formatBlockHeight(row.block.height)}
+                            numeric
                           />
                         ) : (
                           <EmptyValue />
diff --git a/src/components/features/multisig-proposal-executed-details/multisig-proposal-executed-information/MultisigProposalExecutedInformation.tsx b/src/components/features/multisig-proposal-executed-details/multisig-proposal-executed-information/MultisigProposalExecutedInformation.tsx
index ad8454c..eef5dd2 100644
--- a/src/components/features/multisig-proposal-executed-details/multisig-proposal-executed-information/MultisigProposalExecutedInformation.tsx
+++ b/src/components/features/multisig-proposal-executed-details/multisig-proposal-executed-information/MultisigProposalExecutedInformation.tsx
@@ -82,6 +82,7 @@ export const MultisigProposalExecutedInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/multisig-proposal-ready-details/multisig-proposal-ready-information/MultisigProposalReadyInformation.tsx b/src/components/features/multisig-proposal-ready-details/multisig-proposal-ready-information/MultisigProposalReadyInformation.tsx
index 73ed4f7..7f4d1ef 100644
--- a/src/components/features/multisig-proposal-ready-details/multisig-proposal-ready-information/MultisigProposalReadyInformation.tsx
+++ b/src/components/features/multisig-proposal-ready-details/multisig-proposal-ready-information/MultisigProposalReadyInformation.tsx
@@ -79,6 +79,7 @@ export const MultisigProposalReadyInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
@@ -97,7 +98,7 @@ export const MultisigProposalReadyInformation: React.FC<
           key: 'approvals_count',
           render: (value) =>
             value != null ? (
-              <span className="font-mono">{String(value)}</span>
+              <span className="numeric">{String(value)}</span>
             ) : (
               <EmptyValue />
             )
diff --git a/src/components/features/multisig-proposal-removed-details/multisig-proposal-removed-information/MultisigProposalRemovedInformation.tsx b/src/components/features/multisig-proposal-removed-details/multisig-proposal-removed-information/MultisigProposalRemovedInformation.tsx
index 724cff5..125c60f 100644
--- a/src/components/features/multisig-proposal-removed-details/multisig-proposal-removed-information/MultisigProposalRemovedInformation.tsx
+++ b/src/components/features/multisig-proposal-removed-details/multisig-proposal-removed-information/MultisigProposalRemovedInformation.tsx
@@ -79,6 +79,7 @@ export const MultisigProposalRemovedInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
diff --git a/src/components/features/multisig-signer-approved-details/multisig-signer-approved-information/MultisigSignerApprovedInformation.tsx b/src/components/features/multisig-signer-approved-details/multisig-signer-approved-information/MultisigSignerApprovedInformation.tsx
index b75a2e2..64cb687 100644
--- a/src/components/features/multisig-signer-approved-details/multisig-signer-approved-information/MultisigSignerApprovedInformation.tsx
+++ b/src/components/features/multisig-signer-approved-details/multisig-signer-approved-information/MultisigSignerApprovedInformation.tsx
@@ -80,6 +80,7 @@ export const MultisigSignerApprovedInformation: React.FC<
               <LinkWithCopy
                 text={formatBlockHeight(block.height)}
                 href={`${RESOURCES.blocks}/${block.height}`}
+                numeric
               />
             );
           }
@@ -106,7 +107,7 @@ export const MultisigSignerApprovedInformation: React.FC<
           key: 'approvals_count',
           render: (value) =>
             value != null ? (
-              <span className="font-mono">{String(value)}</span>
+              <span className="numeric">{String(value)}</span>
             ) : (
               <EmptyValue />
             )
diff --git a/src/components/features/scheduled-reversible-transaction-details/scheduled-reversible-transaction-information/ScheduledReversibleTransactionInformation.tsx b/src/components/features/scheduled-reversible-transaction-details/scheduled-reversible-transaction-information/ScheduledReversibleTransactionInformation.tsx
index e59c0bb..750c9e2 100644
--- a/src/components/features/scheduled-reversible-transaction-details/scheduled-reversible-transaction-information/ScheduledReversibleTransactionInformation.tsx
+++ b/src/components/features/scheduled-reversible-transaction-details/scheduled-reversible-transaction-information/ScheduledReversibleTransactionInformation.tsx
@@ -77,6 +77,7 @@ export const ScheduledReversibleTransactionInformation: React.FC<
               text={formatBlockHeight(value.height)}
               href={`${RESOURCES.blocks}/${value.height}`}
               className="break-all"
+              numeric
             />
           )
         },
diff --git a/src/components/features/transaction-details/transaction-information/TransactionInformation.tsx b/src/components/features/transaction-details/transaction-information/TransactionInformation.tsx
index 8a3f0fd..e98fb99 100644
--- a/src/components/features/transaction-details/transaction-information/TransactionInformation.tsx
+++ b/src/components/features/transaction-details/transaction-information/TransactionInformation.tsx
@@ -157,6 +157,7 @@ export const TransactionInformation: React.FC<TransactionInformationProps> = ({
                 <LinkWithCopy
                   text={formatBlockHeight(block.height)}
                   href={`${RESOURCES.blocks}/${block.height}`}
+                  numeric
                 />
               );
             }
diff --git a/src/components/features/wormhole/WormholeOutputDetails.tsx b/src/components/features/wormhole/WormholeOutputDetails.tsx
index 7aec886..0d0970e 100644
--- a/src/components/features/wormhole/WormholeOutputDetails.tsx
+++ b/src/components/features/wormhole/WormholeOutputDetails.tsx
@@ -114,6 +114,7 @@ export const WormholeOutputInformation = ({
                   text={formatBlockHeight(
                     (value as ExtrinsicInfo['block']).height
                   )}
+                  numeric
                 />
               )
             },
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index 99dfbea..d957bc4 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -68,7 +68,7 @@ const CardContent = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      'px-6 pb-5 pt-2 [&>p]:font-mono [&>p]:text-2xl [&>p]:font-medium [&>p]:tracking-[-0.02em] [&>p]:text-content',
+      'px-6 pb-5 pt-2 [&>p]:font-sans [&>p]:tabular-nums [&>p]:text-2xl [&>p]:font-medium [&>p]:tracking-[-0.02em] [&>p]:text-content',
       className
     )}
     {...props}
diff --git a/src/components/ui/composites/data-list/DataList.tsx b/src/components/ui/composites/data-list/DataList.tsx
index 434b14a..82b055b 100644
--- a/src/components/ui/composites/data-list/DataList.tsx
+++ b/src/components/ui/composites/data-list/DataList.tsx
@@ -89,7 +89,7 @@ export function DataList<T>({
                     {loading && <Skeleton className="h-6" />}
 
                     {!loading && (
-                      <dd className="flex items-center gap-1.5 break-all text-[13px] text-content">
+                      <dd className="flex items-center gap-1.5 break-all text-[13px] tabular-nums text-content">
                         {field.render
                           ? field.render(item[field.key], item)
                           : String(item[field.key] ?? '')}
diff --git a/src/components/ui/composites/link-with-copy/LinkWithCopy.tsx b/src/components/ui/composites/link-with-copy/LinkWithCopy.tsx
index 5a1d5d6..0d64002 100644
--- a/src/components/ui/composites/link-with-copy/LinkWithCopy.tsx
+++ b/src/components/ui/composites/link-with-copy/LinkWithCopy.tsx
@@ -11,6 +11,7 @@ export interface LinkWithCopyProps {
   textCopy?: string;
   className?: string;
   truncate?: boolean;
+  numeric?: boolean;
 }
 
 export const LinkWithCopy: React.FC<LinkWithCopyProps> = ({
@@ -18,17 +19,20 @@ export const LinkWithCopy: React.FC<LinkWithCopyProps> = ({
   text,
   textCopy = text,
   className,
-  truncate = false
+  truncate = false,
+  numeric = false
 }) => {
   return (
     <div className="group flex items-center gap-1">
       <Link
         className={cn(
-          'inline-block font-mono text-xs text-flare hover:underline',
+          'inline-block text-xs text-flare hover:underline',
+          !numeric && 'font-mono',
           truncate
             ? 'max-w-[200px] truncate'
             : 'max-w-none break-all whitespace-normal',
-          className
+          className,
+          numeric && 'numeric'
         )}
         to={href}
         title={textCopy}
diff --git a/src/components/ui/composites/stat-sparkline-card/Sparkline.tsx b/src/components/ui/composites/stat-sparkline-card/Sparkline.tsx
index 635e8eb..00545ad 100644
--- a/src/components/ui/composites/stat-sparkline-card/Sparkline.tsx
+++ b/src/components/ui/composites/stat-sparkline-card/Sparkline.tsx
@@ -236,7 +236,7 @@ export const Sparkline = ({ points, stroke, className }: SparklineProps) => {
             />
             <div
               ref={tipRef}
-              className="pointer-events-none fixed z-[999] whitespace-nowrap border border-border-strong bg-surface-2 px-2.5 py-1 font-mono text-[10px] leading-[1.7] text-content"
+              className="pointer-events-none fixed z-[999] whitespace-nowrap border border-border-strong bg-surface-2 px-2.5 py-1 numeric text-[10px] leading-[1.7] text-content"
               style={{
                 display: hover && activePoint ? 'block' : 'none',
                 left: hover?.tipLeft,
diff --git a/src/components/ui/composites/stat-sparkline-card/StatSparklineCard.tsx b/src/components/ui/composites/stat-sparkline-card/StatSparklineCard.tsx
index 1455967..b3e58b0 100644
--- a/src/components/ui/composites/stat-sparkline-card/StatSparklineCard.tsx
+++ b/src/components/ui/composites/stat-sparkline-card/StatSparklineCard.tsx
@@ -53,7 +53,7 @@ export const StatSparklineCard = ({
             <div className="flex items-center gap-2">
               <div
                 className={cn(
-                  'font-mono text-2xl font-medium tracking-[-0.02em] text-content',
+                  'numeric text-2xl font-medium tracking-[-0.02em] text-content',
                   valueClassName
                 )}
               >
@@ -68,7 +68,7 @@ export const StatSparklineCard = ({
             </div>
 
             {subtitle != null && (
-              <div className="mt-1 font-mono text-[11px] text-muted-text">
+              <div className="mt-1 numeric text-[11px] text-muted-text">
                 {subtitle}
               </div>
             )}
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 7efd6aa..62e2c3a 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -95,7 +95,7 @@ const TableCell = React.forwardRef<
   <td
     ref={ref}
     className={cn(
-      'h-11 px-3.5 py-0 align-middle text-[13px] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+      'h-11 px-3.5 py-0 align-middle text-[13px] tabular-nums [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
       className
     )}
     {...props}
diff --git a/src/config/env.ts b/src/config/env.ts
index 9a7242d..562fd96 100644
--- a/src/config/env.ts
+++ b/src/config/env.ts
@@ -2,7 +2,7 @@ const env = {
   SITE_NAME: 'Quantus Explorer',
   SITE_SHORT_NAME: 'QE',
   SITE_BASE_URL: import.meta.env.VITE_SITE_URL ?? '',
-  COIN_SYMBOL: 'QUAN'
+  COIN_SYMBOL: 'QTC'
 };
 
 export default env;
diff --git a/src/globals.css b/src/globals.css
index 8979116..a258d57 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -90,6 +90,11 @@
     @apply text-[20px] font-medium tracking-[-0.02em] text-content;
   }
 
+  /* Geist Sans + tabular figures. Matches mobile amount styles. */
+  .numeric {
+    @apply font-sans tabular-nums;
+  }
+
   .page-subtitle {
     @apply mt-1 text-[13px] text-muted-text;
   }