Need proper text alignment for really long token names

[srirambv]

Description

Need proper text alignment for really long token names

Steps to Reproduce

1. Add custom networks (BSC)
2. Open Swap Tab and scroll down the token list
3. Tokens with long name aren't properly aligned

Actual result:

Long.Token.Names.mov

Note: Not an issue on panel

Panel	Swap Widget

Expected result:

Proper text alignment for long named tokens

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	1.38.43 Chromium: 99.0.4844.51 (Official Build) nightly (64-bit)
Revision	d537ec02474b5afe23684e7963d538896c63ac77-refs/branch-heads/4844@{#875}
OS	Windows 11 Version 22H2 (Build 22572.1)

Version/Channel Information:

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

Other Additional Information:

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

Miscellaneous Information:

cc: @onyb @Douglashdaniel @josheleonard

[Uni-verse]

Verified using

Brave	1.38.90 Chromium: 100.0.4896.79 (Official Build) beta (x86_64)
Revision	8fb749dcab8700c24213791969e59deb72fee36f-refs/branch-heads/4896@{#1015}
OS	macOS Version 12.3.1 (Build 21E258)

• Using STR from above, verified long token names are aligned properly (left)

21659.mov