diff --git a/apps/website/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx b/apps/website/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx
index 574f8e0..3d62190 100644
--- a/apps/website/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx
+++ b/apps/website/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx
@@ -51,7 +51,7 @@ export const TokenFeesVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Token Fees Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">
diff --git a/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx b/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx
index 3b6c308..50c3fa0 100644
--- a/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx
+++ b/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx
@@ -51,7 +51,7 @@ export const TokenVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Token Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">
diff --git a/apps/website/src/components/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx b/apps/website/src/components/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx
index 11ccce4..3ae3258 100644
--- a/apps/website/src/components/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx
+++ b/apps/website/src/components/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx
@@ -46,7 +46,7 @@ export const TransactionFeesVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction Fees Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">
diff --git a/apps/website/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx b/apps/website/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx
index 64ea240..8abf1e3 100644
--- a/apps/website/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx
+++ b/apps/website/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx
@@ -46,7 +46,7 @@ export const TransactionVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">
diff --git a/apps/website/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx b/apps/website/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx
index cc06e22..413b55c 100644
--- a/apps/website/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx
+++ b/apps/website/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx
@@ -55,7 +55,7 @@ export const TransactionWalletNumberChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction & Wallet Number
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">