Pool - Add Liquidity to GRAVITON pool have UI elements overflowing the modal borders

[applause-sifchain]

View your issue at Applause Testing Services - https://platform.applause.com/products/27939/testcycles/366012/issues/5587606
---- ACTION DETAILS ----

Action Performed:
Prerequisite: GRAVITON funds imported to Sifchain wallet.

1. Navigate to https://devnet.sifchain.finance/?_env=mainnet
2. Go to Balances.
3. Click on Pool button next to GRAVITON.

Expected Result:
The Add Liquidity modal loads and it is correctly displayed.

Actual Result:
All the inner elements of the Add Liquidity modal are overflowing the modal borders on its right side.

Additional Info:

Error Code/Message:

---- Applause Team Lead Recommendation ----

From Reggie Baraza
Reproducible: Yes
In scope: Yes
Not a duplicate: yes
Seems valid: yes
Suggested value: somewhat valuable
Comment:

---- ENVIRONMENT ----

Language:Spanish,Operating System:macOS,Web Browser:Chrome,Operating System Major Version:Monterey 12.X,Operating System Version:Monterey 12

---- APPLAUSE PROPERTIES ----

Applause Issue/Bug ID: 5587606

Title: Pool - Add Liquidity to GRAVITON pool have UI elements overflowing the modal borders
Status: Approved

Type: Visual
Frequency: Every Time
Severity: Low

Product (Build): Sifchain (Web) (devnetFE.mainnetBE)
Test Cycle: Sifchain - Cryptocurrency Wallet and Token - Smoke Test - Gravity Token - 05/26/2022

---- 1 Community Reproductions ----

Reggie Baraza on 2022-05-27 10:13:23.0
macOS - Monterey 12.X - Monterey 12.4 - English - Chrome
Attachments:
Screenshot_2022-05-27_at_1.13.14_PM.png : https://utest-dl.s3.amazonaws.com/5587606/bugReproduction/2176464/Screenshot_2022-05-27_at_1.13.14_PM.png?AWSAccessKeyId=AKIAJ2UIWMJ2OMC3UCQQ&Expires=1969582272&Signature=soZUB3Nib5utXfyifJbALyjckk4%3D

---- APPLAUSE ATTACHMENT(S) ----

Bug5587606_Add_Liquidity_UI_elements_overflow_the_Add_Liquidity_modal_borders.mp4 : https://utest-dl.s3.amazonaws.com/13094/27939/366012/5587606/bugAttachment/Bug5587606_Add_Liquidity_UI_elements_overflow_the_Add_Liquidity_modal_borders.mp4?AWSAccessKeyId=AKIAJ2UIWMJ2OMC3UCQQ&Expires=1969582272&Signature=OjbcgKLBgiAQ%2BVo9jbOyvg4YoNk%3D

Bug5587606_Add_Liquidity_UI_elements_overflow_the_Add_Liquidity_modal_borders.png : https://utest-dl.s3.amazonaws.com/13094/27939/366012/5587606/bugAttachment/Bug5587606_Add_Liquidity_UI_elements_overflow_the_Add_Liquidity_modal_borders.png?AWSAccessKeyId=AKIAJ2UIWMJ2OMC3UCQQ&Expires=1969582272&Signature=R6l%2BQnFUEq4PqPbCYMwfCV20d88%3D

[bksifchain]

this is resolved in devnet.

@alanrsoares will include this fix with the next release when we launch CUDOS and CMDX