title: How to position the Angular Material expansion panel arrow icon on the left-hand side
body: <p>I have upgraded Angular Material to 4.0 in my app. I am using the <code>&lt;mat-expansion-panel&gt;</code> as per requirement. The expansion arrow has to be on the left-hand side of the panel, but by default it's displaying on the right-hand side. I have checked for the align option, but I didn't get what I need.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-expansion-panel expanded='true'&gt;
     &lt;mat-expansion-panel-header [ngClass]="tickets-container-header"&gt;
        &lt;mat-panel-title&gt;
           &lt;div class="col-md-9"&gt;
           {{header}} 
           &lt;/div&gt;
        &lt;/mat-panel-title&gt;
  
     &lt;/mat-expansion-panel-header&gt;
  &lt;/mat-expansion-panel&gt;
  </code></pre>