Group to be authenticated: Missing explicit association of form field

Issue Summary

The form control is not correctly associated with its visible label.

Steps to Reproduce

1. Open 'Group to be authenticated' page
2. Navigate to 'No Groups' control under 'Who can authenticate' column header in the table
3. 'Configure authentication' dialog will appears and navigate in page until you find the “Group name” input field
4. Verify the issue whether label is not associated to form control

Screenshot

Actual Results

'Name' label is not associated with 'Group name' form control. So, association of the element will not be compatible with screen reader software. Thus, it will be difficult for screen reader users to interact with it effectively.

Expected Results

"Name" label for the mentioned field should associate "Group name" form control. It must announce by the screen reader as "Name Group Name text box" when the user navigates through it. So, it will ensure that assistive technologies identify the label for the form control correctly.

Code Snippet

<label class="Field__Label-vqybw1-1 ghWQGY" id="Group-uid2-label" for="Group-uid2">Name</label>
(...)
<input id="Group-uid2" autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" value="" style="box-sizing: content-box; width: 2px; background: 0px center; border: 0px; font-size: inherit; opacity: 1; outline: 0px; padding: 0px; color: inherit;">

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (64-bit)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest