Strange behavior when using ion-card with ModalController

This strange behavior is really specific but I really want to fix it. My page structure is like:

  • <ion-card>s placed on the parent page (*ngFor)
  • a <p> tag is placed inside <ion-card-content>
  • when one <ion-card> is clicked, a modal will be shown

The strange behavior is, at the instance that the modal is about to show up, a margin-top of 20px is added to each of the paragraph tags and will be there forever, in which I have not set any related rule.

Anyone has an idea?