Hi,
You can fix this by adding the following to Appearance → Customize → Additional CSS:
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#page {
flex: 1;
width: 100%;
}
This pushes the footer to the bottom of the viewport on short pages without affecting the layout on content-heavy pages.