Focus ring on buttons looks odd

[srirambv]

Description

Focus ring on buttons look odd

Actual result:

Expected result:

No orange rectangular border should be shown around the button

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	0.63.1 Chromium: 73.0.3683.67 (Official Build) dev (64-bit)
Revision	a83fd4f3207ae83412d329a9ca1239dd1e068345-refs/branch-heads/3683@{#760}
OS	Windows 10 OS Build 17134.590

Reproducible on current release:

• Does it reproduce on brave-browser dev/beta builds?
  Yes only on dev

Website problems only:

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

Additional Information

cc: @cezaraugusto @rossmoody

[cezaraugusto]

cc @petemill

[rossmoody]

An updated spec for button styling can be reviewed here: https://share.goabstract.com/22f7c7af-fa47-404f-aeca-b896f0c58b4b

[LaurenWags]

Verified passed with

Brave	0.69.119 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Mac OS X

• Verified test plan from Button styles brave-core#2778

Verification passed on

Brave	0.69.119 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Linux

Verification passed on

Brave	0.69.119 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Windows 7 Service Pack 1 (Build 7601.24494)

• Verified test plan from Button styles brave-core#2778