As you can see labels for editing fields are using less space than needed to be fully visible or wrapping to multiple lines. That really makes the form look ugly. Please suggest how to make TextFields use less horisontal space but still remain aligned across different HStacks.

extension HorizontalAlignment {
    private struct TextFieldAlignment: AlignmentID {
        static func defaultValue(in context: ViewDimensions) -> CGFloat {
            context[HorizontalAlignment.leading]
        }
    }

    static let textFieldAlignmentGuide = HorizontalAlignment(
        TextFieldAlignment.self
    )
}

struct ContentView: View {
    @State private var expectedSalary = ""
    @State private var desiredSalary = ""
    var body: some View {
        Form {
            Section {
                VStack(alignment: .textFieldAlignmentGuide) {
                    HStack {
                        Text("Expected Salary Amount")
                        TextField("0", text: $expectedSalary)
                            .alignmentGuide(.textFieldAlignmentGuide) { context in
                                context[.leading]
                            }
                    }
                    HStack {
                        Text("Desired Salary Amount")
                        TextField("0", text: $desiredSalary)
                            .alignmentGuide(.textFieldAlignmentGuide) { context in
                                context[.leading]
                            }
                    }
                }
            }
        }
    }
}