title: To display mat-menu items below the mat-menu button
body: <p>I am using <code>Menu with icons</code> component.Here on clicking the button(i,e menu).The menu items(i,e mat-menu items) are displaying above the button as shown in below image.</p>
  
  <p><a href="https://i.stack.imgur.com/KklDs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KklDs.png" alt="enter image description here"></a></p>
  
  <p>I want the items(ex logout) to be displayed below the menu button.I tried giving <strong>margin</strong> and <strong>padding</strong> properties still no result.</p>
  
  <p>Here is the <a href="https://stackblitz.com/edit/angular-material-icon-ofah6f?file=app/header/header.component.html" rel="nofollow noreferrer">stackblitz</a> link.</p>