Styling `TransitionView` is applied after initial render

[jlee0425]

Hello,

I would like to add padding to the 'body' section so it doesn't get overwrapped by the 'fixed header'.
Like below:

<TransitionProvider location={location}>
  <Global />
  <Header />
  <TransitionViews style={{paddingTop: '75px'}}>
      {children}
  </TransitionViews>
</TransitionProvider>

But by doing like above, the padding is applied after the initial render, and it makes the site look like it's stuttering.
I could solve the issue by applying padding-top: 75px to each page and template, but it's not very pretty and I would have to add the same line of styling every time I add another page.

Is there a solution to this or am I just not supposed to add styling to TransitionViews?