🐛 BUG: Profile Header Button Overflows Viewport in Browser

[wirtaw]

What went wrong? 🤔

The profile header button (e.g., "Edit Profile", "Follow", etc.) extends beyond the visible viewport on certain browser window sizes, particularly when the browser window is narrow or the user has zoomed in. This results in the button being partially or completely cut off, making it inaccessible or visually unappealing.

Full screen

Resized

Expected Behavior

The profile header button should remain within the visible viewport at all browser window sizes and zoom levels. It should either:

• Resize dynamically to fit within the available space.
• Trigger horizontal scrolling if the content exceeds the viewport width.
• Utilize responsive design techniques to adapt to different screen sizes.

Steps to Reproduce Issue

1. Go to 'https://app.daily.dev/'
2. Open full screen browser
3. See the error

Solution Proposed

Review header end container style buttons. Looks like plus button push outside strike and profile buttons.

Screenshots

Environment

Fedora 41

Browsers

Firefox

OS

Linux

Version of daily.dev

No response

Additional Context

**Environment:**


* Screen Resolution: 1920x1080
* Zoom level:  50%, 100%, 150%

Code of Conduct

• I follow the conditions of this project.