title: Jetpack Compose Decrease height of TextField
body: <p>I am trying to design a search bar like Google search bar with decreased height. But the Input text is getting cropped also the placeholder text.</p>
  <pre><code>            TextField(
                  value = searchText.value,
                  singleLine = true,
                  onValueChange = {
                      searchText.value = it
                  },
                  placeholder = { //placeholder text is also getting cropped
                     
                          Text(
                              text = &quot;Search&quot;,
                              fontSize = 20.sp,
                          )
                      
                  },
                  textStyle = TextStyle(fontSize = 20.sp), // input text is getting cropped
                  modifier = Modifier
                      .fillMaxWidth()
                      .padding(vertical = 10.dp)
                      .height(45.dp), // Here I have decreased the height
                  shape = RoundedCornerShape(22.dp),
                  )
  </code></pre>
  <p>My Input text and Placeholder text getting 50% cropped.
  How to solve it?</p>
  <p><a href="https://i.stack.imgur.com/ivAEC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ivAEC.png" alt="Search Field" /></a></p>