Windows pet activity pill: completed checkmark is not centered
What version of the Codex App are you using?
OpenAI.Codex 26.715.7063.0 (Microsoft Store package)
What platform is your computer?
Windows. Reproduced at device scale factor 1 (100%).
What issue are you seeing?
In the floating Codex pet activity pill, the green completed-state checkmark is not optically centered inside its circular background. The complete-status accessory also appears slightly off the vertical center of the 54 px activity pill.
This was observed with a custom v2 pet, but the misaligned accessory is part of the overlay chrome rather than the pet sprite.
A full screenshot was provided privately to OpenAI Support. It is omitted here because the notification contains private task text; the layout measurements and implementation details below are sufficient to reproduce the issue without that content.
What steps can reproduce the bug?
- Open the floating pet overlay on Windows.
- Start any Codex task and let it complete.
- Observe the completed notification (
Ready./ check-circle). - Compare the circle center to the pill's 54 px vertical center and the check glyph to the center of its circle.
What is the expected behavior?
The status circle should be vertically centered in the pill, and the check glyph should look centered inside the circle at 100%, 125%, and 150% Windows display scaling.
Additional information / implementation evidence
The packaged avatar-overlay-native-frame component currently uses this fixed-position wrapper:
absolute top-3 right-[13px] flex h-8 w-[31px] items-center justify-center
The completed-state artwork is composed from separately sized elements:
circle: size-[27.890625px]
check: size-[17px] scale-110
The fixed top-3 offset, fractional circle size, and separately scaled/visually left-heavy check path produce the visible alignment error even at device scale factor 1.
A possible source-level correction is to use geometric vertical centering, integer dimensions, and a small optical correction:
status wrapper:
absolute top-1/2 right-[13px] flex size-8 -translate-y-1/2
items-center justify-center
circle:
absolute size-7 rounded-full
check:
relative size-[17px] translate-x-px
Alternatively, render the circle and check as paths in one SVG so both share the same view box and center.
Suggested acceptance checks:
- The circle center matches the 54 px pill's vertical center.
- The check appears centered within the circle at 100%, 125%, and 150% scaling.
- Running, warning, and question status icons remain unchanged.