title: Angular Material matInput content aligned to the right
body: <p>How do we align the input of matInput in Angular Material to the right?</p>
  
  <p>My current code:</p>
  
  <pre><code>&lt;mat-form-field&gt;
    &lt;input matInput type="number" id="amount" placeholder="Amount"
      [ngModel]="entry.amount | number :'1.2-2'"
      (ngModelChange)='entry.amount=$event' /&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Desired output :</p>
  
  <p><a href="https://i.stack.imgur.com/K7VQ1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/K7VQ1.png" alt="enter image description here"></a></p>