MdcIconButton doesn't display properly in mdc-text-field

[PabloG6]

MdcIconButton doesn't display according to specifications in text field.

<mdc-form-field fluid>
    <mdc-text-field [type]="showPassword ? 'text' : 'password'" label="Password" outlined>
       <button mdcIconButton mdcTextFieldIcon trailing [on]="true" (click)="showPassword = !showPassword">
       <mdc-icon mdcIconOn>visibility</mdc-icon>
     <mdc-icon>visibility_off</mdc-icon>
     </button>
 </mdc-text-field>
</mdc-form-field>`