blocked items within shields misaligned due to sharing button - follow up to #15403

[kjozwiak]

Description

Creating a follow up for #15403. The fix from brave/brave-core#8673 improved the text but the Shields alignment still looks a bit off compared to what we have in the current 1.23.x release. The toggle and the bottom content of Shields doesn't look aligned as per the below example.

Examples of current alignment: brave/brave-core#8673 (comment)

Steps to reproduce

1. launch 1.26.7 Chromium: 90.0.4430.93
2. open a random website and open Brave Shields

Actual result

Expected result

• Block text should be Trackers, ads, and more blocked
• Block text should be left aligned
• Block count, text, and icons should have a background treatment to give the appearance of justified content

Issue reproduces how often

100% reproducible using the above STR.

Version/Channel Information:

• Can you reproduce this issue with the current Play Store version? N/A (sharing button not landed)
• Can you reproduce this issue with the current Play Store Beta version? Yes
• Can you reproduce this issue with the current Play Store Nightly version? Yes

Device details

• Install type (ARM, x86): ARM
• Device type (Phone, Tablet, Phablet): Samsung S10+
• Android version: Android 11

Brave version

• 1.26.7 Chromium: 90.0.4430.93 - Reproduced

Website problems only

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

Additional information

CCing @anthonypkeane @bsclifton @karenkliu @alexsafe