diff --git a/src/widgets/EpochProgressRing/EpochProgressRing.tsx b/src/widgets/EpochProgressRing/EpochProgressRing.tsx
index a292fa9e2..c36dc1b3a 100644
--- a/src/widgets/EpochProgressRing/EpochProgressRing.tsx
+++ b/src/widgets/EpochProgressRing/EpochProgressRing.tsx
@@ -13,7 +13,7 @@ export const EpochProgressRing = ({
showTime = true,
className
}: EpochRingType) => {
- const { epoch, epochPercentage, epochTimeRemaining, roundsLeft } =
+ const { epoch, epochPercentage, epochTimeRemaining, roundsLeft, isReady } =
useFetchEpochProgress();
return (
@@ -22,13 +22,13 @@ export const EpochProgressRing = ({
Epoch
- {formatBigNumber({ value: epoch, showEllipsisIfZero: true })}
+ {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
- {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '}
+ {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '}
Rounds Left
diff --git a/src/widgets/HeroPills/EpochHeroPill.tsx b/src/widgets/HeroPills/EpochHeroPill.tsx
index 2b4aa8ad2..cb239d6fe 100644
--- a/src/widgets/HeroPills/EpochHeroPill.tsx
+++ b/src/widgets/HeroPills/EpochHeroPill.tsx
@@ -6,7 +6,7 @@ import { useFetchEpochProgress } from 'hooks';
import { WithClassnameType } from 'types';
export const EpochHeroPill = ({ className }: WithClassnameType) => {
- const { epoch, epochPercentage, epochTimeRemaining, roundsLeft } =
+ const { epoch, epochPercentage, epochTimeRemaining, roundsLeft, isReady } =
useFetchEpochProgress();
return (
@@ -18,10 +18,11 @@ export const EpochHeroPill = ({ className }: WithClassnameType) => {
>
- Epoch {formatBigNumber({ value: epoch, showEllipsisIfZero: true })}
+ Epoch{' '}
+ {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
- {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '}
+ {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '}
Rounds Left