Android Compose ModalBottomSheetLayout over DialogFragment

Question

I display ModalBottomSheetLayout

@Composable
fun BottomSheetWrapper() {
    ModalBottomSheetLayout(
    sheetState = sheetState,
    sheetContent = {
        Spacer(modifier = Modifier.height(1.dp))
        content()
    },
    modifier = modifier,
    content = {}
)}

adding it to the Activity root view:

fun Fragment.showAsBottomSheet(content: @Composable (() -> Unit) -> Unit) {
    val viewGroup = requireActivity().findViewById(android.R.id.content) as ViewGroup
    addContentToView(viewGroup, content)
}

It works fine for almost all the places except when I add it to the screen which has fullScreen DialogFragment. When ModalBottomSheetLayout is displayed over DialogFragment it overlaps with DialogFragment content and I cannot use any gestures on it and some ui elements from DialogFragment are visible over ModalBottomSheetLayout.

Is there a was to show ModalBottomSheetLayout on top of DialogFragment?