Angular Material matInput content aligned to the right

Question

How do we align the input of matInput in Angular Material to the right?

My current code:

<mat-form-field>
  <input matInput type="number" id="amount" placeholder="Amount"
    [ngModel]="entry.amount | number :'1.2-2'"
    (ngModelChange)='entry.amount=$event' />
</mat-form-field>

Desired output :

Answer 1

Using the standard text-align CSS property should just work.

<input matInput class="right">

.right { text-align: right }