diff --git a/src/containers/ChainOverview/SmolCharts.tsx b/src/containers/ChainOverview/SmolCharts.tsx
index 21ce3f280..f1dd90535 100644
--- a/src/containers/ChainOverview/SmolCharts.tsx
+++ b/src/containers/ChainOverview/SmolCharts.tsx
@@ -126,7 +126,7 @@ export function FeesGeneratedChart({ series }: { series: Array<[string, number,
return (
)
}
diff --git a/src/containers/ChainOverview/SmolStats.tsx b/src/containers/ChainOverview/SmolStats.tsx
index a786c68d3..de387df57 100644
--- a/src/containers/ChainOverview/SmolStats.tsx
+++ b/src/containers/ChainOverview/SmolStats.tsx
@@ -239,9 +239,24 @@ export const SmolStats = (props: IChainOverviewData) => {
>
Fees Paid
- {props.chainFees.feesGenerated24h != null ? (
- {`${formattedNum(props.chainFees.feesGenerated24h ?? 0, true)} (24h)`}
- ) : null}
+
+
+ {props.chainFees.feesGenerated24h != null ? (
+
{`${formattedNum(props.chainFees.feesGenerated24h ?? 0, true)} (24h)`}
+ ) : null}
+ {props.chainFees.change7d && (
+
+ = 0 ? 'text-(--success)' : 'text-(--error)'
+ }`}
+ >
+ {`${+props.chainFees.change7d >= 0 ? '+' : ''}${props.chainFees.change7d}%`}
+
+ 7d
+
+ )}
+
>}>
diff --git a/src/containers/ChainOverview/queries.server.tsx b/src/containers/ChainOverview/queries.server.tsx
index f79b6f7b2..ec037f251 100644
--- a/src/containers/ChainOverview/queries.server.tsx
+++ b/src/containers/ChainOverview/queries.server.tsx
@@ -551,6 +551,7 @@ export async function getChainOverviewData({ chain }: { chain: string }): Promis
chainFees: {
total24h: chainFees?.total24h ?? null,
feesGenerated24h: feesGenerated24h,
+ change7d: fees?.change_7d ?? null,
topProtocolsChart: topProtocolsByFeesChart,
totalREV24h: chainREV
},
diff --git a/src/containers/ChainOverview/types.ts b/src/containers/ChainOverview/types.ts
index bbb4ec87c..e34b0ce38 100644
--- a/src/containers/ChainOverview/types.ts
+++ b/src/containers/ChainOverview/types.ts
@@ -61,6 +61,7 @@ export interface IChainOverviewData {
chainFees: {
total24h: number | null
feesGenerated24h: number | null
+ change7d: number | null
topProtocolsChart: Array<[string, number, string]> | null
totalREV24h: number | null
}