Bug in profile photo, without logging into github.

[MrWesleyR]

🏷️ Discussion Type

Bug

💬 Feature/Topic Area

Profile

Body

It’s a simple bug: when viewing a user's profile on GitHub (while logged out) and scrolling down—past the main profile image—on resolutions above 720p (tablet mode) 1080p 100 >90% browser dpi, a fixed bar containing the user's photo (at 32px) remains visible; if you change the width to > 38px, the image is displayed in a circular format.

Browser testing:

• Firefox 140.9.1esr (64-bit)
• Brave 1.85.116 (Official Build) (64-bit)
• Chromium: 143.0.7499.110

Bug:
html: <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">

css: .user-profile-mini-avatar { width: 32px; }

Resolution:
html: <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">

css: .user-profile-mini-avatar { width: 40px; }

[github-actions[bot]]

💬 Your Product Feedback Has Been Submitted 🎉

Thank you for taking the time to share your insights with us! Your feedback is invaluable as we build a better GitHub experience for all our users.

Here's what you can expect moving forward ⏩

• Your input will be carefully reviewed and cataloged by members of our product teams. 
  • Due to the high volume of submissions, we may not always be able to provide individual responses.
  • Rest assured, your feedback will help chart our course for product improvements.
• Other users may engage with your post, sharing their own perspectives or experiences. 
• GitHub staff may reach out for further clarification or insight. 
  • We may 'Answer' your discussion if there is a current solution, workaround, or roadmap/changelog post related to the feedback.

Where to look to see what's shipping 👀

• Read the Changelog for real-time updates on the latest GitHub features, enhancements, and calls for feedback.
• Explore our Product Roadmap, which details upcoming major releases and initiatives.

What you can do in the meantime 💻

• Upvote and comment on other user feedback Discussions that resonate with you.
• Add more information at any point! Useful details include: use cases, relevant labels, desired outcomes, and any accompanying screenshots.

As a member of the GitHub community, your participation is essential. While we can't promise that every suggestion will be implemented, we want to emphasize that your feedback is instrumental in guiding our decisions and priorities.

Thank you once again for your contribution to making GitHub even better! We're grateful for your ongoing support and collaboration in shaping the future of our platform. ⭐

[kit1211]

Hi @MrWesleyR

Valid UI bug report. The sticky header mini avatar at 32px width can clip circular crop on some DPI and zoom combinations while logged out profile view.

What you found:

1. .user-profile-mini-avatar fixed at width 32px in sticky nav
2. Above certain viewport width and browser zoom, avatar renders square clipped instead of circle
3. Increasing to 40px or above ~38px restores circular display
4. Reproduced across Firefox ESR, Brave, Chromium

This is a CSS sizing and border radius interaction on the mini avatar in profile sticky header. Likely missing min-width matching height or border-radius 50 percent with overflow hidden at small fixed width.

For product team evidence, include:

1. Profile URL tested logged out
2. Viewport 1080p at 100 percent and 90 percent DPI as you tested
3. Screenshots already attached are good
4. DevTools computed styles on span.user-profile-mini-avatar showing width height border-radius

Workaround for profile owners: none needed, this affects viewers not owners.

Workaround for reporters: zoom slightly or resize window above breakpoint where circle renders.

Thank you for precise HTML class names and before after screenshots. This belongs in GitHub UI bug tracker via Support or staff triage from this discussion.

[MrWesleyR]

Including more evidences:

1- Profile Url tested : https://github.com/MrWesleyR and https://github.com/kit1211

2- Viewport: upper 768px with any scrolling behavior that triggers the user-profile-mini-avatar in the browser viewport; although I tested this extensively on my personal profile (@MrWesleyR), the issue occurs on any profile, regardless of which one it is, provided that the profile contains enough information to trigger the user-profile-mini-avatar while scrolling.

4-

Thanks for replay.

[kit1211]

Hi @MrWesleyR

Thank you for the DevTools screenshots and for testing on both your profile and mine. That confirms this is a reproducible CSS rendering bug, not profile specific content.

What your evidence shows:

1. Sticky header activates after scroll on viewports above 768px
2. .user-profile-mini-avatar is fixed at width 32px height 32px
3. At 32px the circular border radius clips incorrectly on Firefox, Brave, and Chromium at high DPI
4. Manually setting width to 40px in DevTools restores proper circle crop

This is a valid product bug. Your report is strong enough for the team to act on.

What to add to strengthen the ticket:

1. Exact browser zoom level (100%, 125%, 150%)
2. OS display scaling (Windows 125% or macOS Retina)
3. One screenshot with computed styles panel showing width 32px on the mini avatar element

Workaround for readers until fixed:

1. Zoom out slightly so sticky bar uses larger avatar
2. Or view profile while logged in (different header component)

I will also note this on my side since you reproduced it on kit1211 profile. Good catch.

[MrWesleyR]

Hi @kit1211

I tested several browser zoom levels, ranging from 25% to 200%, with the display scale set to 100%. The bug occurs at all of these zoom levels whenever the profile content requires .user-profile-mini-avatar to be rendered after scrolling.

This happens because .Layout-sidebar is rendered, causing .user-profile-mini-avatar to be displayed. Above 200% zoom, the bug still exists, but it is no longer visible because .Layout-sidebar is not rendered.

With a display scale of 125%, .Layout-sidebar is rendered up to 175% browser zoom, but it is not rendered at 200%. Therefore, .user-profile-mini-avatar is no longer visible.

With a display scale of 150%, .Layout-sidebar is rendered up to 150% browser zoom, but it is not rendered at 175%. Therefore, .user-profile-mini-avatar is no longer visible.

Tests were performed on: Artix Linux, kernel 6.19.12-zen1-1-zen, display scale 100%. Windows
10.0.19045.6566, display scales 150% and 125%.

I have more evidences:

css:

Windows 125% scale:

Windows 150% scale:

Thank you for the response and for looking into this issue. I appreciate your time and attention.