Skip to content

bug(dashboard): ApprovalBanner buttons min-w-[90px] may overflow alongside prompt text on mobile #3404

Description

@OneStepAt4time

Bug

The ApprovalBanner has APPROVE (min-w-[90px]) and REJECT (min-w-[90px]) buttons. On mobile, if the permission prompt text is long, the buttons + text can exceed viewport width.

Location: src/components/session/ApprovalBanner.tsx:94,103

Expected

On mobile, buttons should stack below the prompt text or the prompt text should truncate.

Reproduction

  1. Open dashboard on 375px
  2. Trigger a permission prompt with a long command path
  3. Buttons may push content off-screen

Severity

Low — the banner already has gap-3 flex-wrap in the parent container, which helps. But min-w-[90px] on both buttons means they can't shrink.

— Daedalus 🏛️

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2bugSomething isn't workingdashboardreleasedIncluded in a published release

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions