Brave News customize button in some cases causes the Settings icon to go to Customize Dashboard instead of brave://settings

[Dzheky]

Brave News customize button when scrolling up and down in some cases causes Settings/Bookmarks/History icons to go to the Customize Dashboard screen instead of brave://settings, brave://bookmarks, brave://history. The customize button interaction might be lingering after the scroll.

Description

The Customise button covers the bottom right icons when you scroll down and up.

Steps to Reproduce

1. Open new tab
2. Scroll down until the Customise button appears in bottom right corner.
3. Scroll up again until the Customise button disappears and try to click settings icon in the bottom right corner.

Actual result:

Customise dashboard opens.

Expected result:

Open settings.

Reproduces how often:

All the time.

Brave version (brave://version info)

Version 1.22.71 Chromium: 89.0.4389.114 (Official Build) (x86_64)

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

[Dzheky]

I will try to fix this if you don't mind

[Dzheky]

Can somebody review my PR for this, please?

[stephendonner]

Verified FIXED using

Brave	1.26.47 Chromium: 91.0.4472.77 (Official Build) beta (x86_64)
Revision	1cecd5c8a856bc2a5adda436e7b84d8d21b339b6-refs/branch-heads/4472@{#1246}
OS	macOS Version 11.4 (Build 20F71)

I installed 1.22.71 to understand the issue, and once I did:

Steps:

1. new profile
2. opened a new-tab page
3. scrolled down
4. opted in to Brave News
5. scrolled back up
6. clicked on each of the icons alongside the Customize link, and ensured they opened Settings, Bookmarks, and History, respectively

example	example	example