Button text at the bottom of custom network form is cut off

[Uni-verse]

Description

Button text at the bottom of add custom network form is cut off/misaligned

Steps to reproduce

1. Tap menu > settings
2. Select Brave Wallet
3. Create wallets, skip back up
4. From the wallet dashboard, access the settings menu
5. Select Networks
6. Select + Add Network
7. Observe the button of the add network form

Actual result

'Add' button text is slightly cut off

Expected result

Text should not be cut off

Issue reproduces how often

Easily

Version/Channel Information:

• Can you reproduce this issue with the current Play Store version?
• Can you reproduce this issue with the current Play Store Beta version?
• Can you reproduce this issue with the current Play Store Nightly version?

Device details

• Install type (ARM, x86): ARM
• Device type (Phone, Tablet, Phablet): Samsung GS 21
• Android version: Android 12

Brave version

1.36.83, Chromium 98.0.4758.87

Website problems only

• Does the issue resolve itself when disabling Brave Shields?
• Does the issue resolve itself when disabling Brave Rewards?
• Is the issue reproducible on the latest version of Chrome?

Additional information

[srirambv]

Can only repro this when the default display size is set to large and font size is set to max. Problem in such case is the Add/submit button is not at all shown. @Uni-verse can you check if the display is default or large on your device?

Default display & font	Font size set to Max	Display size set to max

[srirambv]

cc: @wchen342 @Pavneet-Sing

[Pavneet-Sing]

I am seeing the issue on my emulator without any display and font changes.

issue	settings

[Uni-verse]

Verification completed using Nightly 1.37.42, Chromium 98.0.4758.87
Device: Samsung GS 21 | Android 12

Issue has been resolved

• Button text has enough padding around it.

[Uni-verse]

Can only repro this when the default display size is set to large and font size is set to max. Problem in such case is the Add/submit button is not at all shown. @Uni-verse can you check if the display is default or large on your device?

Default display & font Font size set to Max Display size set to max

Sorry @srirambv i missed your question earlier but i'm pretty confident that its all set on default. Im sure both are original settings.

1	2

[Uni-verse]

Verification completed on release branch 1.36.105, Chromium 99.0.4844.45

PASSED on Samsung Galaxy S21 | Android 12 | ARM

• Button text is no longer cut off on the 'Add Network' page form
• Button padding is sufficient to accommodate larger fonts

Default font	Larger Font