How to change the size of a modal materializecss

In order to set the height and width of the MaterializeCSS Modal you need to edit the CSS of

.modal { width: 75% !important ; height: 75% !important ; }  /* increase the height and width as you desire */

See more explanation as written by pihyper here: https://stackoverflow.com/a/34580086/3133641

to remove vertical height only, add this in modal class. just make sure this definition does not get overwrite (avoid using !important and use specificity instead).

.modal { max-height: 100%; overflow: visible}