Remove default height of inner content

Hey fellow learners,

I am trying to add a background color to the header on my web app. I have added Tailwind CSS to a body element inside root.html.heex. However, the background color is also being applied to the footer, which has a dynamic size based on the inner content.

In the screenshot below, you can see that the footer occupies space according to its content. How can I remove the footer? I want my content to have full height and the header color to only be applied to the header. I do not want any footer.

Thank you for your help!

Just style the <header> tag which is in app.html.heex.