Bug report: Misaligned progress spinner
The circular loading spinner in the extension interface has a misaligned center point. While seemingly minor, this visual inconsistency becomes quite distracting when using the extension multiple times daily for transcription tasks.
Steps to reproduce
Set Chrome browser zoom level to exactly 100%
Observe the loading/progress spinner - its center point is noticeably off-center
Expected behavior
The circular loading spinner should be properly centered regardless of browser zoom level.
Actual behavior
The spinner's center point is misaligned, but ONLY at 100% browser zoom. At other zoom levels (90%, 110%, 120%), the spinner displays correctly with proper center alignment.
Visual evidence
Impact on user experience
While this may seem minor, it becomes increasingly distracting when using the extension 100+ times daily for transcription tasks. During the processing wait time, users naturally focus on the spinner, making the misalignment consistently noticeable and mildly frustrating.
Environment
Browser: Google Chrome
OS: Windows 11
Log in to comment and vote
Comments1
BlabbyAI Dev
Apr 1, 2025
Hey, thanks a lot for the detailed report and the screencast, really appreciate you taking the time.
What you're noticing with the spinner being slightly off-center at 100% zoom is actually a known browser rendering quirk. At certain zoom levels, the browser tries to align everything to the pixel grid, and when there's not quite enough pixel space, it ends up nudging elements slightly to the left or right. It’s not that the spinner is incorrectly positioned in the code, it’s more about how the browser chooses to render it on screen.
That said, I’ll take a look and see if there’s a different rendering approach I could try