diff --git a/packages/page-parachains/src/Overview/Summary.tsx b/packages/page-parachains/src/Overview/Summary.tsx
index c54acfb9b4..cedd3ecf73 100644
--- a/packages/page-parachains/src/Overview/Summary.tsx
+++ b/packages/page-parachains/src/Overview/Summary.tsx
@@ -7,6 +7,7 @@ import React from 'react';
import SummarySession from '@polkadot/app-explorer/SummarySession';
import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { BestFinalized } from '@polkadot/react-query';
import { formatNumber, isNumber } from '@polkadot/util';
import { useTranslation } from '../translate';
@@ -42,22 +43,25 @@ function Summary ({ leasePeriod, parachainCount, proposalCount, upcomingCount }:
{leasePeriod && (
- ('current lease')}>
- {formatNumber(leasePeriod.currentPeriod)}
-
+ <>
+ ('current lease')}>
+ {formatNumber(leasePeriod.currentPeriod)}
+
+ ('lease period')}
+ progress={{
+ total: leasePeriod.length,
+ value: leasePeriod.progress,
+ withTime: true
+ }}
+ />
+ >
)}
- {leasePeriod && (
- ('lease period')}
- progress={{
- total: leasePeriod.length,
- value: leasePeriod.progress,
- withTime: true
- }}
- />
- )}
+ ('finalized')}>
+
+