Best way to create space around ionic page

The DOM for my ionic page looks like this -

<ion-header></ion-header>
<ion-content></ion-content>
<ion-footer></ion-footer>

I tried wrapping a div around it to create a margin of 20x, the applied to to body, then to page-my-client element, and every time it only applies the top and left margins.

What I am trying to is establish whitespace around my ionic page symmetrically, and before I went deeper into the sass/css, is there was a way to do this already?