title: Button not visible in a div with padding, flex and position
body: <p>I am learning some React from a course Maximilian Schwarzmuller created. It seems like some of the styles are not working. Tried to figure out why but I still don't have an idea.</p>
  <p>Here is the code <a href="https://codesandbox.io/s/elastic-montalcini-3urgmm" rel="nofollow noreferrer">https://codesandbox.io/s/elastic-montalcini-3urgmm</a></p>
  <p>Basically Max uses position fixed to stick the header to the top of the website, then he uses flexbox to align items and justify content - space-between to have the button on the right side of the site. He also sets up a padding to move button and h1 header closer to the centre.
  If I remove padding it looks ok but then I need to find a way to make those items closer to centre. This becomes an issue.</p>
  <p>I know that I can use some workaround but I would like to make it work as Max did. (Maybe he cheated :D )</p>