[Bug]: Text overflows outside the box when there is huge content in a section

[hjetpoluru]

Describe the bug

Huge content within the section inside the box overflows outside.

Expected behavior

No response

Screenshots/Recordings

Screen.Recording.2025-01-21.at.10.23.24.PM.mov

Steps to reproduce

1. Use the below example code to generate the component.
2. Observe the text overflow outside the box within the section when the scroll is performed.

import type { OnRpcRequestHandler } from '@metamask/snaps-sdk';
import { Box, Text, Bold, Section } from '@metamask/snaps-sdk/jsx';

/**
 * Handle incoming JSON-RPC requests, sent through `wallet_invokeSnap`.
 *
 * @param args - The request handler args as object.
 * @param args.origin - The origin of the request, e.g., the website that
 * invoked the snap.
 * @param args.request - A validated JSON-RPC request object.
 * @returns The result of `snap_dialog`.
 * @throws If the request method is not valid for this snap.
 */
export const onRpcRequest: OnRpcRequestHandler = async ({
  origin,
  request,
}) => {
  switch (request.method) {
    case 'hello':
      return snap.request({
        method: 'snap_dialog',
        params: {
          type: 'confirmation',
          content: (
            <Section direction='horizontal'>
            <Text>First text that wraps so we can see the alignment</Text>
            <Text>Second text that wraps so we can see the alignment</Text>
            <Text>Third text that wraps so we can see the alignment</Text>
            <Text>First text that wraps so we can see the alignment</Text>
            <Text>Second text that wraps so we can see the alignment</Text>
            <Text>Third text that wraps so we can see the alignment</Text>
            <Text>First text that wraps so we can see the alignment</Text>
            <Text>Second text that wraps so we can see the alignment</Text>
            <Text>Third text that wraps so we can see the alignment</Text>
          </Section>
          ),
        },
      });
    default:
      throw new Error('Method not found.');
  }
};

Error messages or log output

Detection stage

In production (default)

Version

12.11.0

Build type

None

Browser

Chrome

Operating system

MacOS

Hardware wallet

No response

Additional context

No response

Severity

No response