title: remove default padding on jetpack compose textfield
body: <p>I want to customize <code>TextField</code> composable in Jetpack Compose. I am trying to achieve the result in the image below, but somehow <code>TextField</code> has some <strong>default paddings</strong> which i couldn't find how to change values of. I want to remove default paddings and customize it</p>
  <p>(The image on the right one is the result i achieved. I drew a border so that you can see it has padding, btw below that <code>TextField</code> are just <code>Text</code> composables, they aren't <code>TextFields</code>)</p>
  <p><a href="https://i.stack.imgur.com/6gUkd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6gUkd.png" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/OLZxn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OLZxn.png" alt="enter image description here" /></a></p>
  <p>Below is my <code>TextField</code> code</p>
  <pre><code>TextField(
      value = &quot;&quot;,
      onValueChange = {},
      modifier = Modifier
          .weight(1F)
          .padding(0.dp)
          .border(width = 1.dp, color = Color.Red),
      placeholder = {
          Text(
              &quot;5555 5555 5555 5555&quot;, style = TextStyle(
                  color = Color.Gray
              )
          )
      },
      colors = TextFieldDefaults.textFieldColors(
          backgroundColor = Color.Transparent,
          unfocusedIndicatorColor = Color.Transparent,
          focusedIndicatorColor = Color.Transparent
      ),
  )
  </code></pre>