A modern programming language that makes developers happier.

kotlinlang

forgive me if it has been answered but I didn't find any result when I searched.
Is it possible to reduce the padding of the `trailingIcon` in an <https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)|OutlinedTextField>?

```BasicTextField(
            modifier = Modifier
                .weight(1f)
                .onFocusChanged {
                    onFocusChanged?.invoke(it)
                },
            value = value,
            onValueChange = onValueChanged,
            singleLine = singleLine,
            textStyle = MyTheme.typography.body1Regular,
            keyboardActions = keyboardActions,
            keyboardOptions = keyboardOptions,
        ) {
            OutlinedTextFieldDefaults.DecorationBox(
                value = value,
                innerTextField = it,
                singleLine = singleLine,
                enabled = true,
                visualTransformation = VisualTransformation.None,
                placeholder = {
                    hint?.let {
                        Text(
                            text = it,
                            style = MyTheme.typography.body1Regular,
                            color = hintColor ?: MyTheme.colors.gray1
                        )
                    }
                },
                trailingIcon = trailingIcon,
                isError = error != null,
                interactionSource = interactionSource,
                contentPadding = // &lt;----- something to pass here?
            )
        }```

I try to use BasicTextField but still dont know how to change the padding inside the trailing icon

You're  most of the way there - passing your own contentPadding param for DecorationBox should do the trick. Other material composables that have a default value for icon padding usually just change the `start`  and `end` value in PaddingValues to a different value

This message contains interactive elements.

Ah ok - I don't think that can be changed why still using Material components. That's my impression based on the internal implementation of `OutlinedTextFieldLayout`, which has no parameter to change the minimum size of the Box around the trailingIcon. However, the minimum size is set at 48.dp - which is about the smallest size a person could reasonably click on.