I'm trying to display a snackbar in jetpack compose, but it is not displaying the right X close butt...

# compose

[Pablo]

I'm trying to display a snackbar in jetpack compose, but it is not displaying the right X close button present on the sample of the documentation. Instead, it's displaying just the message. I can't find anywhere how to display that X close button.

val snackbarHostState = remember { SnackbarHostState() }
SnackbarHost(hostState = snackbarHostState)

uiState.toastMessage?.let {
    val message = stringResource(it)
    LaunchedEffect(key1 = message) {
        snackbarHostState.showSnackbar(
            message = message,
            duration = SnackbarDuration.Indefinite
        )
        vm.toastMessage(null)
    }
}

[Pavel Haluza]

Did you try

snackbarHostState.showSnackbar(
            message = message,
            withDismissAction = true,
            duration = SnackbarDuration.Indefinite
        )

[Seri]

As well, make sure that your close button isn't the same color as your snackbar's background