Need help in placing label immediately after text

I am trying to place a label WIP (work in progress) immediately after text inside a disabled input box. I have tried few css configs but unable to achieve desired result.

Getting any help me really good for me.

Current code:

label.label-class {
    font-size: 12px;
    letter-spacing: 0.3px;
    position: absolute;
    left: 160px;
    bottom: 13px;
  }


<div class="myclass">
    <mat-form-field class="form-input" appearance="outline">
        <mat-label>MyLabel</mat-label>
        <input matInput [disabled]="true" [ngModel]="getName()" />
        <label class="label-class"> WIP </label>
    </mat-form-field>
</div>

Here is how it is appearing right now:

enter image description here