iOS Safari Readme close not displaying

[TraumaAI]

iOS Safari Readme Page Close Button out of view (viewport)

When clicking on [readme] on front page the readme displays, however the close "X" button is not visible and can see with hard swipe down but not able to keep in place to click on "X" button to close.

Is there any workaround to adjust to iOS Safari viewport setting correctly?
Other browsers on iOS seem to work appropriately such as Brave.

Current method not working:

custom.css = """

.ns-close-popup {
backface-visibility: visible !important;
touch-action: manipulation;
padding: 12px; /* Minimum tap target size per iOS guidelines */
}

.modal-container {
overscroll-behavior: contain;
position: fixed;
top: env(safe-area-inset-top);
bottom: env(safe-area-inset-bottom);
}

/* Full viewport height */
html, body, #root {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

/* Flex layout */
#root {
display: flex;
flex-direction: column;
}

/* Dynamic viewport units */
main {
flex: 1;
min-height: calc(100svh - 6rem);
}

/* Lock footer elements */
.input-area {
flex-shrink: 0;
}

.input-area {
padding-bottom: env(safe-area-inset-bottom);
}
"""

Have tried custom javascript with no success:

document.addEventListener('DOMContentLoaded', () => {
const meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
document.head.prepend(meta);
});