Overlapping elements on Swap input page on device with small screen

[Horupa-Olena]

Bug Report

Problem

Overlapping elements on Swap input page on device with small screen

Reproduction

1. Start the swap flow.
2. Navigate to the input page.
3. Enter a swap amount and observe.

Expected behavior

Elements are displayed with proper spacing and do not overlap.
Design: https://www.figma.com/design/AD2JSKg0I8dZcylyiGa62O/Swap-for-Mobile?node-id=149-29943&t=j3uUo3RF70hgvfqY-0

Actual behavior

With error	Wihout error

Additional Information

• Status version: release 2.33
• Operating System: iphone SE (2020)

[VolodLytvynenko]

This is also reproducible for me on iPhone 11 Pro max, IOS 17

[churik]

This issue will be reproducible on all iOS devices because the banner is transparent and the form is scrollable

FILE.2025-02-27.11.47.52.mp4

[pavloburykh]

"Not enough assets to pay gas fee" error will overlap elements even on large screens, when "Approve" button is present on the screen

Reproducing on iPhone 15, IOS 17.6.1

Steps:

1. Proceed to set Swap screen
2. Generate a state, when there is an "Approve" button + "Not enough assets to pay gas fee" error
3. Observe the result

Actual result: