//This task is a merger of parts of// T337950 //and// T319238
Due to vertical padding on `.mw-body`, the menus in the left and right sidebars in the Zebra CSS are vertically misaligned.
{F41511204, width=600}
The screenshot below shows how `columnStart` starts at a different height than `columnEnd` due to this vertical padding. This makes the sidebars difficult to align.
{F41511264, width=600}
This padding also causes the bottom of the footer to end at a different height than the content.
| {F41511233} | {F41511231}
| current padding | desired result
Per T319238, we should remove the vertical padding from the `.mw-body` element in order to achieve better alignment.
### A/C
- `.mw-body` has no top/bottom padding
- the underlines of the sidebar menus align with the underline on the tabs
- the TOC ends at the same height as the content