How to close a modal

I just switched my admin theme from gin to claro to see if the issue persisted, and it appears that this is only an issue in gin, which seems specific to layout modals. I also tried using Layout Builder Modal, and ran into the same issue. It's interesting that this is only a problem for modals in the layout context.

Overall, the X not showing up in the top right seems to be more of a gin problem.

But the modal not gaining focus when opened is a problem for this module.

Funny that these 2 issues from different places happened for me at the same time and made it difficult to get out of the modal.

I also cannot see the Close button in Gin, but I can see it in the source of the modal. I had to write a lot of CSS overrides to get this to work for me in Gin:

html .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  margin: 12px 5px 0 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  inline-size: 25px;
  background: none;
}

html .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  background: #fff !important;
}

Now I can see the close icon.