Description

Write a short description of the changes included in this pull request, also include relevant motivation and context. Have in mind the following questions:

1. What is the reason for the change? Text inside a section component does not wrap and instead overflows.
2. What is the improvement/solution? Make sure flex-wrap: wrap is applied to the section (box) component and that each text component has horizontal space with flex: 1.

Related issues

Fixes: #29876

Manual testing steps

1. Pull down this branch and build the extension.
2. Trigger custom ui content with the example code in the issue above.
3. Observe the fix.

Screenshots/Recordings

Before

See issue

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.