Repository navigation
[BUG]: Share button text overflows in Portuguese (Brazil) locale #11504
Description
Description
The "Share" button in the session header has a fixed width (60px) that works for English ("Share" - 5 chars) but causes text overflow when the interface language is set to Portuguese (Brazil), where the translation is "Compartilhar" (12 chars).
OpenCode version
Latest (dev branch)
Steps to reproduce
- Open OpenCode app (Desktop or Web)
- Change interface language to Portuguese (Brazil) in settings
- Navigate to any session
- Look at the "Share" button in the session header (top-right area)
- Observe that the text "Compartilhar" overflows outside the button boundaries
Screenshot
Screenshots will be added after issue creation.
Operating System
macOS (affects all platforms)
Expected behavior
The button should automatically resize to fit the translated text without overflow.
Proposed solution
Remove the fixed width constraint (w-[60px]) from the button in session-header.tsx:170 and let it resize based on content while maintaining the fixed height (24px).
Additional context
- File:
packages/app/src/components/session/session-header.tsx - Line: 170
- Current:
class: "rounded-sm w-[60px] h-[24px]" - Proposed:
class: "rounded-sm h-[24px]"
Activity
ygorsimoes commentedon Jan 31, 2026
This issue has already been fixed in PR #11371 by @alexyaroshuk, which was merged on 2026-01-31. The share button now uses
px-3instead of a fixed width, allowing it to properly display longer translations like "Compartilhar" in Portuguese.Closing as duplicate of #11371.
github-actions commentedon Jan 31, 2026
This issue might be a duplicate of or related to existing issues. Please check:
This appears to be a layout constraint issue where fixed-width buttons in the session header don't account for different language translation lengths. Feel free to ignore if your case is different.