title: how to create Top drawer with Materail ui react which start from the bottom of navbar?
body: <p>actually, I am trying to create a responsive app bar using the material UI/app drawer. when I clicked the but it starts from the top of the page and makes the background dark but I want to make it start from the bottom of the app bar without making the background dark. please help me and give example using codesandbox <a href="https://codesandbox.io/s/64ulq" rel="nofollow noreferrer">https://codesandbox.io/s/64ulq</a></p>
  <p>I trying to do this</p>
  <p><a href="https://i.stack.imgur.com/DfoGN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DfoGN.png" alt="enter image description here" /></a></p>
  <p>but it shows like that</p>
  <p><a href="https://i.stack.imgur.com/8AAjH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8AAjH.png" alt="enter image description here" /></a></p>