.button-inner height of previously rendered buttons does not update when height changes

I have an array of ion-buttons that I get with this code:

    <button *ngFor="let freq of getFrequencies()"
            'little-buttons': config.buttonType=== buttonType.little,
            'big-button': config.buttonType === buttonType.big


this renders in:


When my array is updated (I update it using array.filter()) and I get more buttons I change the class with [ngClass] and the buttons are not so big.

The problem is that the buttons that were previously rendered keep their content (.button-inner) with a wrong height:

If I manually change the text using Chrome’s inspector the buttons updates correctly.

What I am missing? Is there a way to fix this?