[ECO Bounty] mimo Exchange Improper Slippage Validation and UI Overflow

Description

The exchange settings allow users to input extreme slippage values (e.g., 99.9999999%) without a reasonable cap or rounding. This causes significant UI breakage on the main swap interface. Additionally, the "Transaction Deadline" input lacks visual clarity for its unit label.

Severity

High – Allowing nearly 100% slippage poses a severe financial risk to users (front-running/total loss of value), and the resulting UI overflow obscures critical navigation elements.

Impact

• Financial Risk: Users can inadvertently set slippage that guarantees an unfavorable trade.

• UI/UX: Long decimal strings overflow their containers, cutting off text like the "Slippage" label on the main dashboard.

• Accessibility: The "minutes" label in the Transaction Deadline field has poor contrast, making it difficult to read.

Reproduce

1. Navigate to the Swap settings/Slippage configuration.

2. Input a value with many decimals or a value exceeding 50% (e.g., 99.9999999).

3. Note that the system accepts the value and displays a warning but does not block the input.

4. Return to the main Swap screen and observe the slippage display at the top right.

5. Observe the Transaction Deadline input field and the visibility of the "minutes" text.

Expectation

• Slippage: Should be capped at a maximum (e.g., 50%) or require a secondary "confirm" for extreme values. Decimal places should be truncated or rounded.

• Design: The slippage badge on the main screen should have a maximum width or handle long strings with ellipsis to prevent layout breaking.

• Clarity: The "minutes" label should be clearly legible against the dark background.

Actual

• Slippage: Accepts 99.9999999%, which breaks the header layout on the main page.

• Minutes: The "minutes" text inside the input box is very dark and nearly invisible against the field background.

Suggest Fix

• Validation: Implement a hard cap on slippage (e.g., 50%) and limit decimal input to 2 places.

• CSS Fix: Add overflow: hidden; text-overflow: ellipsis; to the slippage badge on the main swap interface.

• Contrast: Increase the brightness/opacity of the "minutes" label in the Transaction Deadline field to meet WCAG accessibility standards.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro