circle flickers

[iefraim]

when my countdown gets low, the circle flickers
but only then. when there is more time, it works fine
any idea why?
my code:
const CountdownDisplay = (props) => { if (props.completed) { return <h6>This event has ended</h6>; } return ( <div className="countdownCircle"> <Circle percent={props.total} strokeWidth={4} trailWidth={4} /> <p className="countdownCircle__innerText"> {props.hours + props.days * 24}:{props.minutes < 10 && "0"} {props.minutes}:{props.seconds < 10 && "0"} {props.seconds} </p> </div> ); };

it's called by a countdowntimer