Ion-content rendering with ion-tabs and ion-header

I have a basic 3 tab page that I’m trying to build out using Ionic 5 and Angular 8. I route each tab to the appropriate component using angular’s routing module. All 3 of these tabs will have the same ion-header though, so I added the ion-header html to the tabs html file rather than in the components html file (the components are surrounded with an ion-content html tag), however when I do this the ion-content from each of my components renders behind the ion-header. If I add the ion-header into the component html file rather than the tabs html file then the content properly renders below the header. The same is true for the ion-tabs. How can I have the ion-content tag of each of my components properly render between the header and footer of the parent page/module?