Skip to content

[BUG]: Share button text overflows in Portuguese (Brazil) locale #11504

@ygorsimoes

Description

@ygorsimoes

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

  1. Open OpenCode app (Desktop or Web)
  2. Change interface language to Portuguese (Brazil) in settings
  3. Navigate to any session
  4. Look at the "Share" button in the session header (top-right area)
  5. 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]"

Metadata

Metadata

Assignees

Labels

webRelates to opencode on web / desktop

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions