Skip to content

[Bug] Export Panel buttons overflow into advanced settings panel (Customization Studio) #8260

Description

@kanishka-2007-tech

Description

In the Customization Studio, the row of action buttons underneath the badge preview (Download SVG, Share Config, Export/Import Config, Copy Markdown) lacks flex-wrapping. As a result, the rightmost buttons (like "Copy Markdown") overflow out of the main preview column and overlap the Advanced Settings panel on the right, obscuring the Width, Height, and Grace Days inputs.

Steps to Reproduce

  1. Navigate to the Customization Studio (/customize).
  2. Input a valid GitHub username to enable all export buttons.
  3. Look at the bottom of the middle preview column.
  4. Observe that the "Copy Markdown" button overflows its container boundary and sits on top of the Right Panel's layout settings.

Expected Behavior

The button container should elegantly wrap its children to a new line when horizontal space is constrained, ensuring no UI elements bleed into adjacent panels.

Screenshots / Logs

Image

GitHub Username (If applicable)

kanishka-2007-tech

Environment

Chrome

Metadata

Metadata

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions