Ionic Modal, shown on top of page, goes out of view when the keyboard pops up

I’m using a modal to make some user profile changes.
The modal is shown like it’s displayed from the top of the page with the bellow CSS and it covers half of the page.
When you click in an input in the modal and the keyboard pops up, the modal goes out of view.
Is there a way to change that behavior and make it utilize more space or stay at that fixed position when the keyboard pops up?

CSS class at global.scss file

.my-custom-top-modal-css .modal-wrapper {
  bottom: 50%;
  position: absolute;
  display: block;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;