[ECO Bounty] Gas Fee Layout/Overflow Issue on IoTeX Hub

Description: The Gas Fee exhibits a design/layout issue when displaying large numerical values. The text "21,837,287.26 IOTX" appears to overflow or improperly fit within the container, creating a visual design flaw. The large character count causes the value to extend beyond proper padding/margins or creates text wrapping issues that break the visual consistency.

Visual Issues Observed:

• Large numerical values break the intended layout

• Text may be too large for the container width

• Insufficient padding/margins for long decimal values

• Design doesn't accommodate variable-length numerical data

Steps to Reproduce:

1. Open Arcsphere

2. Navigate to IoTeX Hub dashboard

3. Observe the "Gas Fee" at the top (as indicated by the orange arrow in screenshot)

Expected Behavior:

• Should properly contain the value with appropriate text sizing

• Long numbers should either truncate gracefully, use scientific notation, or should expand responsively

• Text should not overflow or touch edges

• Consistent padding regardless of value length

Actual Behavior: The large "21,837,287.26 IOTX" value appears to break the design constraints, creating a cramped or overflowed appearance.

Severity: Low-Medium (Visual/UI polish)

Suggested Fix:

• Implement responsive text sizing for large numbers

• Add proper text truncation with tooltip for full value

• Increase width or adjust typography scaling

• Ensure minimum padding standards are maintained

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro