title: how to align angular mat prefix to a label in a form field
body: <p>As you can see on the screenshot guys , I have a prefix for an input but the problem is it is not aligned with the mat label ..is there a way we can modify the mat prefix that it will be align with the mat label ? Thanks for any help and ideas , appreciated.</p>
  <p>it should be something like this</p>
  <p><a href="https://i.stack.imgur.com/DvEiS.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>#html code</p>
  <pre><code> &lt;mat-form-field appearance=&quot;fill&quot;&gt;
              &lt;mat-label&gt;Termination Payment ($)&lt;/mat-label&gt;
              &lt;input 
                name=&quot;terminationPayment&quot; 
                matInput
                (keyup) = &quot;computeBuyout()&quot;
                mask=&quot;separator.0&quot; 
                thousandSeparator=&quot;,&quot;
                [allowNegativeNumbers]=&quot;false&quot;
                [(ngModel)]=&quot;dealDispositionFormFields.terminationPayment&quot;
                &gt;
                &lt;span matPrefix *ngIf=&quot;dealDispositionFormFields.terminationPayment&quot;&gt;$&lt;/span&gt;
            &lt;/mat-form-field&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/WKNiX.png" rel="nofollow noreferrer">current issue - screenshot</a></p>