Expected behavior Actual behavior Resources (screenshots, code snippets etc.) I can open the dev tools and add a z-index which leads to the expected behavior screenshot.

However, I cannot access this element to actually override the z-index

 <MDBModal tabIndex='-1' show={reassignModal} getOpenState={(e: any) => setReassignModal(e)} >

                <MDBModalDialog centered>

                <MDBModalContent>
                    <MDBModalHeader>
                    <MDBModalTitle>Reassign This Lead</MDBModalTitle>
                    <MDBBtn className='btn-close' color='none' onClick={toggleReassign}></MDBBtn>
                    </MDBModalHeader>
                    <MDBModalBody>
                    <MDBSelect
                                        label='Workflow'
                                        data={[
                                            { text: 'New', value: 1 },
                                            { text: 'Automated', value: 2 },
                                            { text: 'Hold', value: 3, selected: true },
                                            { text: 'None', value: 4 },
                                        ]}
                                    />
                    </MDBModalBody>
                    <MDBModalFooter>
                    <MDBBtn color='secondary' onClick={toggleReassign}>
                        Close
                    </MDBBtn>
                    <MDBBtn>Save changes</MDBBtn>
                    </MDBModalFooter>
                </MDBModalContent>

                </MDBModalDialog>
            </MDBModal>