How to avoid to cut the icons?

Hello,

I’m using Ionic 5 and don’t know how to avoid this problem:

Thank you

My code is:

<ion-card>
    <ion-card-header class="ion-text-center">
      <ion-card-title>What is _______________?</ion-card-title>

    </ion-card-header>
    <ion-card-content>
      <div [innerHTML]="infoTSA"></div>
      <ion-grid>
        <ion-row class="ion-text-center">
          <ion-col>
            <ion-text>
              <h3>Contact Us 24/7</h3>
            </ion-text>
            <ion-fab horizontal="center">
              <ion-fab-button size="small" (click)="sendEmail()" color="primary">
                <ion-icon name="mail"></ion-icon>
              </ion-fab-button>
            </ion-fab>
          </ion-col>
          <ion-col>
            <ion-text>
              <h3>Website</h3>
            </ion-text>
            <ion-fab horizontal="center">
              <ion-fab-button style="width: 40px; height: 40px;" 
              (click)="goToWebsite()" size="small">
                <img style="width: 24px; height: 24px;" src="assets/website.png">
              </ion-fab-button>
            </ion-fab>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>

3 posts - 2 participants

Read full topic