I'm using

Scaffold

with

BottomNavigation

and it looks like the bottom navigation bar is covering

bodyContent

Scaffold(
    topBar = {
        TopAppBar(
            title = { ... },
            navigationIcon = { ... },
            actions = { ... },
            backgroundColor = MaterialTheme.colors.surface,
            elevation = 0.dp
        )
    },
    bodyContent = { ChatScreen(viewModel) },
    bottomBar = {
        BottomNavigation(
            backgroundColor = MaterialTheme.colors.surface,
            elevation = if (isSystemInDarkTheme()) 0.dp else 4.dp
        ) {
            BottomNavigationItem(
                icon = { ... },
                selected = true,
                onClick = {},
                label = { ... },
            )

            BottomNavigationItem(
                icon = { ... },
                selected = false,
                onClick = {},
                label = { ... }
            )
        }
    }
)

Is this a bug or am I doing something wrong?

You need to forward the innerPadding of the bodyContent to your child views:

bodyContent = { innerPadding -> ChatScreen(innerpadding, viewModel) },

Got it. Thanks!