Remove padding from elements within ion-alert

How can I adjust the padding the elements that are in my ion-alert? I want that the gigantic gap between the message and the input groupd becomes smaller.

    <IonAlert
      isOpen={showDialog}
      onDidDismiss={() => {
        setShowDialog(false);
        console.log();
      }}
      header={'Add'}
      message={'Add a new person.'}
      inputs={[
        {
          name: 'firstName',
          type: 'text',
          placeholder: 'First Name',
          value: ''
        },
        {
          name: 'lastName',
          type: 'text',
          placeholder: 'Last Name',
          value: ''
        }
      ]}
      buttons={[
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary'
        },
        {
          text: 'Ok',
          handler: (alertData) => { console.log(alertData.firstName); console.log(alertData.lastName) }
        }
      ]}
    />

1 post - 1 participant

Read full topic