`Follow` button text is invisible until hovered over

Description

Follow button text is invisible until hovered over

Steps to Reproduce

1. install 1.47.14
2. launch Brave
3. open brave://flags
4. set brave://flags/#brave-news-subscribe-button to Enabled
5. click Relaunch
6. open a new-tab page
7. load planet.mozilla.org
8. click on the Manage Subscriptions News icon in the URL bar
9. look at the resulting UI

Actual result:

Expected result:

Reproduces how often:

100%

Brave version (brave://version info)

Brave	1.47.14 Chromium: 107.0.5304.62 (Official Build) nightly (x86_64)
Revision	1eec40d3a5764881c92085aaee66d25075c159aa-refs/branch-heads/5304@{#942}
OS	macOS Version 11.7.1 (Build 20G918)

Version/Channel Information:

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

Other Additional Information:

• 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?

Miscellaneous Information:

cc @rebron @mattmcalister @fallaciousreasoning @petemill

[kjozwiak]

We’ll be uplifted the above into the 1.46.x maintenance release via https://github.com/brave/brave-core/pull/16143 once the initial 1.46.x build goes out. Verification will be completed on 1.46.x.

[stephendonner]

Same. Also, the icon was updated. Can we get that changed over? cc @martin-c0des

For cross-reference, that’s taken care of now in https://github.com/brave/brave-browser/issues/26997.