Too much leading whitespace in input textfield

Description

Too much leading whitespace in input textfield

Steps to Reproduce

1. install 1.40.16
2. launch Brave
3. open a new-tab page
4. scroll down
5. click on Customize
6. type in any text
7. look at the leading whitespace before the first character

Actual result:

Light	Dark

Expected result:

Tigher/less leading whitespace before the first character of user input.

Reproduces how often:

100%

Brave version (info found on brave://version)

Brave	1.39.83 Chromium: 101.0.4951.41 (Official Build) beta (x86_64)
Revision	93c720db8323b3ec10d056025ab95c23a31997c9-refs/branch-heads/4951@{#904}
OS	macOS Version 12.4 (Build 21F5063e)

cc @mattmcalister @petemill @jenn-rhim

[aguscruiz]

One thing to note, the focus state should only be used for focus:visible, meaning during keyboad navigation.

I did some little updates to standarize all the spacings and paddings and such.

The active state is the one to use when a user clicks on it. Focus:Visible is only visible for users that are using [TAB] to move around

[jenn-rhim]

for the standard UI component definition, please check in here: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI---Brave-desktop?node-id=66%3A7223

cc: @aguscruiz