One question... setting a navigationIcon` on

TopBar

shows the arrow in a really strange position...is it intended?

Scaffold(
        topBar = {
            TopAppBar(
                navigationIcon = { Icon(
                    imageVector = Icons.Default.ArrowBack,
                    contentDescription = "back"
                ) },
                title = { Text(text = "Puppy ${puppyId.value}") },
                backgroundColor = MaterialTheme.colors.primary,
            )
        }) {

    }

You're supposed to use

IconButton

for the right position

Thks,

IconButton

works perfect