title: angular material2 select component alignment
body: <p>I am using a material components and I want to know if is possible to set the size of dropdown select to be exactly with the size of mat-form-field.</p>
  
  <p>the default component is like:</p>
  
  <p><a href="https://i.stack.imgur.com/nd07U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nd07U.png" alt="enter image description here"></a></p>
  
  <p>And I want to modify that in order to have the dropdown exactly same size as mat-form-field like this:</p>
  
  <p><a href="https://i.stack.imgur.com/ApmeQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ApmeQ.png" alt="enter image description here"></a></p>
  
  <p>but I don't know how to modify the width size and position of the dropdown container, do how can I modify that width size and position.</p>
  
  <p>here is a small example with the component:</p>
  
  <p><a href="https://stackblitz.com/angular/rllajkqybnmy" rel="nofollow noreferrer">https://stackblitz.com/angular/rllajkqybnmy</a></p>