How to move ionic modal at the top not the center

Hi

I have added the custom class to the ionic modal, and set its max height to 50vh as follows,

.custom-modal-class {
--max-height: 50vh;
}


Now, it is showing in the center. I would like to show it like we have with bootstrap (starting from top)

Iā€™d suggest look through the components CSS and see what styles are being applied to position the modal.

.custom-modal-class {
    align-items: start;
}
1 Like

Thans @saad-ansari, it seems to be working fine.