.modal-page-overlay { position: fixed; display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(255, 255, 255, 0.74902); z-index: 9999; } .modal-page { position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); overflow: auto; } .modal-page--full { left: 0; right: 0; top: 0; bottom: 0; } /* .modal-page { position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); overflow: auto; border-radius: 4px; outline: none; padding: 36px; top: 25px; left: 25px; right: 25px; bottom: 25px; } */ .modal-page__content { h1, h2 { margin-bottom: $spacing-vertical / 2; } h3, h4 { margin-bottom: $spacing-vertical / 4; } }