Sticky header z-index lower than overlay z-index but still appears in front

Question

I have a sticky header that needs some z-index to be infront of the page content.

The sticky-header scss is:

.sticky-header {
  position: sticky;
  top