Android Jetpack compose IconButton padding

Issue

How to remove padding in an IconButton ? I want items in my column have the same start padding

Column(
    modifier = Modifier
        .fillMaxWidth() 
        .padding(horizontal = 16.dp)
) {
    IconButton(onClick = { }) {
        Icon(asset = Icons.Filled.Search)
    }
    Text("Some text")
} 

Solution

With 1.0.x the IconButton applies this modifier: IconButtonSizeModifier = Modifier.size(48.dp).
It is due to accessibility touch targets and allows the correct minimum touch target size.

You can modify it using something like:

IconButton(modifier = Modifier.
        then(Modifier.size(24.dp)),
    onClick = { }) {
    Icon(
        Icons.Filled.Search,
        "contentDescription",
        tint = Color.White)
}

It is important the use of .then to apply the size in the right sequence.

Answered By - Gabriele Mariotti