Ich versuche, die untere Navigation in Material-ui (https://mui.com/material-ui/react-bottom-navigation/) als Layout in meiner Next.js-App zu verwenden.

Allerdings verdeckt die Navigation den unteren Rand der Seite. Ich habe versucht, die Ränder und den Abstand zu ändern, aber es hat nicht funktioniert.

Die untere Navigation, die ich verwende, ist genau die gleiche wie Material-ui.

Sieht ohne Layout so aus.

Mit dem Layout wird der Inhalt maskiert -

Vielen Dank