Выровнять ионный значок внутри кнопки ion-fab

Question

Я не могу понять, почему это выглядит так:

Мой css не содержит ничего, что выглядит как мешающее это.

Вот мой код:

#container {
    // position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    height: 100%;
    // transform: translateY(-50%);
}

ion-content ion-toolbar {
    --background: translucent;
}

<ion-content fullscreen class="ion-padding">
    <div id="container">
        <app-columns>
        </app-columns>
        <ion-fab horizontal="end" vertical="center" slot="fixed">
            <ion-fab-button color="danger">
                <ion-icon name="add"></ion-icon>
            </ion-fab-button>
        </ion-fab>
    </div>
</ion-content>