Maria most likely a z-index issue. Want to share a read-only and I can pinpoint it for you or you can take a look at the z-index of the component versus the overlay.
Maria anywhere in the page-wrapper should be fine. No reason to keep it in main-wrapper - it all depends on where you are triggering the modal as well.
Matt J. Thanks, I鈥檝e figured it out. It was related to a missing variable issue and my not assigning a background color to the right element in the component.