Button enabled looks disabled until mouseover event

I have a ion-button in my header like below:

    <ion-toolbar color="primary">
        <ion-buttons slot="start">
            <ion-back-button defaultHref="dashboard"></ion-back-button>
        <ion-buttons slot="end">
            <ion-button [disabled]="disableButton()" (click)="save()" title="Salvar Alterações">
                <ion-icon slot="icon-only" name="wine"></ion-icon>

when the button becomes enabled (disableButton() returns false due some change in the page), the DOM is modified correctly by angular, but the button appearance is still disabled. And if I move the mouse over the button then it becomes really enabled! It’s happening on Chrome and Android, but not on Firefox!
Any ideas?