0x message needs bottom padding when there is a warning message shown

[srirambv]

Description

0x message needs bottom padding when there is a warning message shown

Steps to Reproduce

1. Set slippage tolerance to 10% for a swap transaction
2. 0x message has not bottom padding for the widget

Actual result:

Expected result:

Set margin-top:8px to fix the issue. may need to be done better for translated strings

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	1.32.103 Chromium: 96.0.4664.45 (Official Build) (x86_64)
Revision	76e4c1bb2ab4671b8beba3444e61c0f17584b2fc-refs/branch-heads/4664@{#947}
OS	All

Version/Channel Information:

• 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

Other Additional Information:

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

Miscellaneous Information:

cc: @onyb

[srirambv]

Brave	1.35.82 Chromium: 97.0.4692.71 (Official Build) beta (64-bit)
Revision	adefa7837d02a07a604c1e6eff0b3a09422ab88d-refs/branch-heads/4692@{#1247}
OS	☑️ Linux	☑️ Windows 11 Version Dev (Build 22523.1000)	☑️ macOS Version 12.0.1 (Build 21C52)
Verified steps from issue description Verified 0x message has enough bottom padding on both widget and panel
Widget
Panel