Search box overlaps on Crypto wallet

[srirambv]

Description

Search box overlaps on Crypto wallet

Steps to Reproduce

1. Update to 0.69.77
2. Open settings page
3. Increase browser size so that the icons change to texts, search box gets overlapped on the new Crypto Wallet setting

Actual result:

Expected result:

No overlapping buttons

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	0.69.77 Chromium: 76.0.3809.62 (Official Build) nightly (64-bit)
Revision	7b77856b3aa34d72f246d12340fc1ded8b2c0e83-refs/branch-heads/3809@{#798}
OS	Linux

Version/Channel Information:

• Can you reproduce this issue with the current release? No
• Can you reproduce this issue with the beta channel? No
• Can you reproduce this issue with the dev channel? No
• Can you reproduce this issue with the nightly channel? Yes

Other Additional Information:

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

Miscellaneous Information:

cc: @petemill @brave/design

[kjozwiak]

Reproducible on macOS 10.14.5 using the following build:

Brave	0.69.77 Chromium: 76.0.3809.62 (Official Build) nightly (64-bit)
Revision	7b77856b3aa34d72f246d12340fc1ded8b2c0e83-refs/branch-heads/3809@{#798}
OS	Mac OS X

Example of the issue occurring:

[GeetaSarvadnya]

Verification passed on

Brave	0.70.93 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Windows 10 OS Version 1803 (Build 17134.1006)

• Verified the STR from the description, increase browser size changes the texts to icons so no overlapping of search icon on crypto wallet

Verification PASSED on macOS 10.14.6 x64 using the following build:

Brave	0.69.126 Chromium: 77.0.3865.65 (Official Build) (64-bit)
Revision	87a331a3169cab563505fb44011058b904011ba1-refs/branch-heads/3865@{#726}
OS	macOS Version 10.14.6 (Build 18G95)

Verification passed on

Brave	0.69.127 Chromium: 77.0.3865.75 (Official Build) (64-bit)
Revision	201e747d032611c5f2785cae06e894cf85be7f8a-refs/branch-heads/3865@{#776}
OS	Ubuntu 18.04 LTS

• Verified the STR from the description, increase browser size changes the texts to icons so no overlapping of search icon on crypto wallet

[kjozwiak]

@bbondy @rebron @ryanml the above is still an issue when the window is minimized to the following dimensions:

• window.outerWidth --> 501
• window.outerHeight --> 444

@rebron want an issue created for the above? I'm not sure if anyone would even use the browser at that size.

Example: