Deposit Modal on the DeFi page in mobile looks a bit messy

[MBMaria]

Overview

When staking an asset in the Yearn Vault on mobile, the modal pop out is larger than the screen so you can't see the whole modal in one go. When moving the modal across, the screen behind can be seen in certain parts and it makes it hard to read

References and additional details

1. Open app.shapeshift in mobile (using PR release https://7b79acc7.web-29e.pages.dev/ )
2. Connect to any wallet
3. Select DeFi page and choose an asset to open the Yearn Vault modal.
4. Select Deposit and notice the bottom part of the modal is too wide for the screen and you cannot see the entire modal
5. Once selecting amount to deposit, select continue and notice the same thing on the following page. When moving the modal across the screen, you can see the information from the previous page behind and it makes It hard to read.
   
   

Acceptance Criteria

Should be able to view modal easily when staking as asset

Need By Date

No response

Screenshots/Mockups

No response

Ownership

• If my bounty needs engineering or needs product I have added the respective labels on the right
• As the sponsor of this bounty I will review the changes in a preview environment (ops/product) or review the PR (engineering)

Estimated effort

No response

Sponsor / Stakeholder

No response

Bounty Hunters

• Join our discord
• Include an expected timeline for you to complete work in the work plan when you apply for this bounty!
• Please refer to this link for some basic info
• Please do not start work on this issue until you are approved in Gitcoin.

[NeOMakinG]

I'll apply on this one when it's out

[reallybeard]

I'll apply on this one when it's out

@NeOMakinG
I'm gonna pick this up, since its part of the FOXY stuff.. and I borked it. Much appreciated though!