[BUG] Font rendering overlaps and becomes unreadable in dashboard UI

[bwoah-md]

Version

v3.7.2

OS

Win

Browser

Firefox

Browser Version

Version 147.0a1 (2025-11-15) (64-bit)

Bug Description

The dashboard UI renders text with severe font overlap, making labels unreadable. This occurs in multiple areas, including:

• The “Today’s Data” heading
• The pie-chart labels
• The main UI of the extension popup
• The Dashboard of the extension page

The issue appears after customizing Firefox’s default fonts. Even though pages are allowed to choose their own fonts, the extension’s UI still mis-renders text.

---

Steps to Reproduce

1. Open Firefox.
2. Set custom fonts under Settings → General → Fonts & Colors (e.g., Georgia/Playfair Display, iA Writer Quattro V, Fira Code, etc.).
3. Set Default Zoom to 90%

4. Open the Time Tracker extension popup/dashboard.
5. Observe overlapping characters and corrupted text rendering.

---

Expected Behavior

Text should render correctly regardless of user-defined Firefox fonts, or the extension should enforce its own font stack.

---

Actual Behavior

Text overlaps, compresses, and becomes nearly unreadable.

---

Additional Notes

• Issue persists after browser restart.
• No other extensions appear to affect rendering. (Tested with all the extensions off)
• Tested with disabling Font Improvement option of Betterfox user.js.
• Occurs only in the extension UI, not on normal webpages.
• Occurs only with this extension, other extensions work as intended.

---

Screenshots