SwiftUI Login Page Layout

Hi Im trying to achieve this result in the image of this Stack overflow question

https://stackoverflow.com/questions/56623310/swiftui-login-page-layout

As you can see I already reached this point but I don't like my implementation

struct ContentView : View {
    @State var username: String = ""
    var body: some View {
        VStack(alignment: .leading) {
            Text("Login")
                .font(.title)
                .multilineTextAlignment(.center)
                .lineLimit(nil)
                Text("Please")
                    .font(.subheadline)
           
            HStack {
                VStack (alignment: .leading, spacing: 20) {
                    Text("Username: ")
                    Text("Password: ")

                }
                VStack {
                    TextField($username, placeholder: Text("type something here..."))
                    .textFieldStyle(.roundedBorder)
                    TextField($username, placeholder: Text("type something here..."))
                        .textFieldStyle(.roundedBorder)
                }
            }
        }.padding()
    }
}

Because in order to make the username and password text aligned exactly in the middle of the textfield, I had to put literal spacing value of

20

VStack

Anyone sees a better way to achieve the same result?

Thanks