Problem
PR #805 placed DeadlineCountdown inside a stat box styled as text-sm font-bold text-foreground. But DeadlineCountdown renders its own inner <div class="text-xs"> with text-accent font-medium, which overrides the parent box styling. The deadline stat box looks visually inconsistent with Market Cap and Supply Minted boxes.
Current rendering
- Market Cap:
text-sm font-bold text-foreground ✅
- Supply Minted:
text-sm font-bold text-foreground ✅
- Deadline:
text-xs font-medium text-accent ❌ (overridden by DeadlineCountdown internals)
Solution
Either:
- Update DeadlineCountdown to accept optional className props that override its internal styling
- Or create a thin wrapper in the stat box that strips DeadlineCountdown's wrapper div
The value text should render as text-sm font-bold text-foreground to match the other two boxes. The "expired" state can keep text-error color.
Acceptance Criteria
Branch
task/<issue>-deadline-style-fix
Problem
PR #805 placed DeadlineCountdown inside a stat box styled as
text-sm font-bold text-foreground. But DeadlineCountdown renders its own inner<div class="text-xs">withtext-accent font-medium, which overrides the parent box styling. The deadline stat box looks visually inconsistent with Market Cap and Supply Minted boxes.Current rendering
text-sm font-bold text-foreground✅text-sm font-bold text-foreground✅text-xs font-medium text-accent❌ (overridden by DeadlineCountdown internals)Solution
Either:
The value text should render as
text-sm font-bold text-foregroundto match the other two boxes. The "expired" state can keeptext-errorcolor.Acceptance Criteria
text-sm font-boldBranch
task/<issue>-deadline-style-fix