title: Aligning a resized TextField in Jetpack Compose
body: <p>I am having problem aligning a resized <code>TextField</code> in <code>Jetpack Compose</code> for Desktop. When I resize the width of the <code>TextField</code>, the <code>TextField</code> automatically adjust itself to center position on screen. I have tried using <code>Modify.Align</code> and it did not work.</p>
  <p>Can someone help? Here is my code</p>
  <pre><code>@Composable
  fun addSales(sales: Sales,
               actionChangeSales: (sales: Sales) -&gt; Unit,
               actionQuantityInc: (() -&gt; Unit),
               actionItemNameInc: (() -&gt; Unit)){
      Column{
          TextField(
              value = sales.itemName,
              textStyle = TextStyle(color = Color.DarkGray),
              onValueChange = {
                  actionChangeSales(Sales(itemName = it))
                  actionItemNameInc.invoke()
              },
              label = { Text(&quot;Item name&quot;)}
          )
  
          Spacer(modifier = Modifier.height(16.dp))
  
          OutlinedTextField(
              value = roundQuantity(sales.quantitySold),
              textStyle = TextStyle(color = Color.DarkGray),
              onValueChange = {
                  actionChangeSales(Sales(quantitySold = getDoubleFromEditText(it)))
                  actionQuantityInc.invoke()
              },
              label = { Text(&quot;Quantity&quot;)},
              modifier = Modifier.width(120.dp)
          )
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/KSl9l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KSl9l.png" alt="enter image description here" /></a></p>