MaterialTemplate missing padding at the bottom

[cdeil]

ALL software version info

panel 1.3.4
bokeh 3.3.2

Description of expected behavior and the observed behavior

The MaterialTemplate has no padding at the bottom. If there's content larger than the browser window size and one scrolls down the content extends right to the bottom of the window and (in our case figure axis labels) are hard to read.

In contrast the BootstramTemplate has some default padding at the bottom and looks better.

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn

pn.extension(design="material")

template = pn.template.MaterialTemplate()
a = pn.pane.Markdown("", styles={"background": "red"}, width=300, height=200)
b = pn.pane.Markdown("", styles={"background": "blue"}, width=300, height=200)
s = pn.layout.Spacer(height=100)
template.main.extend([a, b])
template.servable()

Workaround could be to put a Spacer(20) at the bottom of every page, but it would be nicer if the template had default padding at the bottom.

MaterialTemplate is missing the padding at the bottom:

BootstrapTemplate has the padding at the bottom: