title: SwiftUI Button text alignment issue
body: <p>I want to make UI in watch app like this</p>
  <p><a href="https://i.stack.imgur.com/NNF4w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NNF4w.png" alt="enter image description here" /></a></p>
  <p>But the info button text alignment is not proper. see the below image:
  Tried with both text &quot;i&quot; and system image 'info', still same issue</p>
  <p><a href="https://i.stack.imgur.com/qE6WO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qE6WO.png" alt="enter image description here" /></a></p>
  <p>This is my code:</p>
  <pre><code>        VStack {
              TextField(&quot;User Name&quot;, text: $userName)
                  .textContentType(.username)
                  .multilineTextAlignment(.center)
              SecureField(&quot;Password&quot;, text: $password)
                  .textContentType(.password)
                  .multilineTextAlignment(.center)
              Spacer()
              Spacer()
              HStack {
                  Button(action: {
                      //action
                  }) {
                      Text(&quot;Go&quot;)
                  }.disabled(userName.isEmpty || password.isEmpty)
                      .frame(width: 80, height: 40, alignment: Alignment.bottom)
                  Spacer()
                  
                  VStack {
                      Spacer()
                      Button(action: {
                          //action
                      }) {
                          Image(systemName: &quot;info&quot;)
                      }.frame(width: 25, height: 25, alignment: Alignment.bottom)
                          .foregroundColor(.black)
                          .background(Color.white)
                      .clipShape(Circle())
                  }
                  
              }
          }
  </code></pre>