Skip to content

[MOB] Update Button shape from rounded to rectangular #14451

Closed
@brianacnguyen

Description

@brianacnguyen

🛠️ Task

Update the Button component shape from rounded to rectangular as part of the brand evolution.


✅ Acceptance Criteria

  • All primary, secondary, and base button variants use a rectangular shape.
  • Corner radius matches updated brand guidelines (e.g., 12px).
  • Storybook stories reflect the updated shape.
  • Unit tests are updated or added where applicable.
  • Changes are responsive and consistent across screen sizes and themes (light/dark).
  • Verified in both @metamask/design-system-react and @metamask/design-system-react-native (if applicable).

📌 Notes

  • Refer to Figma Brand Evolution for specs.
  • Double-check that legacy components or overrides aren't applying the old style.
  • Flag any inconsistencies found in other components that may need similar updates.

Metadata

Metadata

Assignees

Labels

INVALID-ISSUE-TEMPLATEIssue's body doesn't match any issue template.release-7.48.0Issue or pull request that will be included in release 7.48.0team-design-systemAll issues relating to design system in Mobile

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions