The user wants the overlay to cover the entire dialog without internal padding and ensure the dialog's close button (if one exists and is part of the dialog structure itself, not the form) remains functional and not covered.
The LogScoreForm
is typically rendered inside a dialog/modal. The current implementation places the overlay inside the LogScoreForm
's main Box
wrapper.
// LogScoreForm.tsx
export const LogScoreForm: React.FC<LogScoreFormProps> = ({...}) => {
// ...
return (
{/* Overlay is child of this Box */}