Automatic scroll with MUI Appbar

Hello all, I implemented a MUI AppBar at the bottom of my page with a Toolbar inside it, because I need a toolbar that remains sticky at the bottom of the page as the user scrolls. The code looks like this. If you notice where my cursor is, when I press enter, the cursor falls out of view until I scroll down again. This is not a huge deal, but is there a way to also automatically cause the page to scroll when the user presses enter to create a new line? ```<AppBar position="fixed" sx={{ top: "auto", bottom: 0, backgroundColor: "white", boxShadow: "0", display: "flex", alignItems: "center", }} ><Toolbar></Toolbar> </AppBar>