HTML:
          `<div class="form-group">
                <mat-form-field class="example-full-width" color="white">
                    <input matInput
                           jhiTranslate="global.form.username.label"
                           type="text" class="form-control"
                           name="username" id="username"
                           placeholder="
                           {{'global.form.username.placeholder' |
                           translate}}" formControlName="username">
                </mat-form-field>
            </div>`

   CSS :
            `.example-form {
                min-width: 150px;
                max-width: 500px;
                width: 100%;
              }

             .example-full-width {
                width: 100%;
             }`