я использую ngx-color-picker, когда float right colorPicker отображается как вырезано, как исправить?

Question

Вот снимок экрана проблемы:

Вот пример .

Код

<mat-form-field style="float:right" >
  <input fornControlName="color"
    matInput
    [style.background]="color"
    autocomplete="off"
    [(colorPicker)]="color"
    [cpPosition]="'bottom'"
    placeholder="Colour" />
</mat-form-field>

style = "float: right"