This task tracks design fixes on the panel header of the suggested edits screen which were found on both Desktop and Mobile versions.
| Actual (CS Betalabs 04-Jun) Desktop | Expected (Zeplin mock) |
 |  |
There are some alignment and padding issues:
i. There should be 24px spacing between the top of “Quick start tips” heading text and the bottom of the panel header. Potentially fixed by adding .suggested-edits-panel-header {margin-bottom:16px;}
Actual  | Expected  |
ii. There should be 16px top padding (not 8px) between the tabs divider and the tip text
Actual  | Expected  |
iii. There should be only 12px padding all around the supplement example text and its container
Currently, there is too much top and bottom padding in the example text, possibly due to double padding
Actual  | Expected  |
iv. Inline icons in guidance text should have 8px left and right padding
Actual  | Expected  |
v. There should be 16px spacing expected between each guidance content element
Actual  | Expected  |
