Горизонтальное заполнение SwiftUI дает неожиданный разрыв

Question

У меня следующий вид:

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack{
            Color.green.edgesIgnoringSafeArea(.all)
            VStack {
                HStack{
                    Text("header leading")
                    Spacer()
                    Text("header trailing")
                }
                // this makes the unexpected gap somehow
                .padding(.horizontal)
                .frame(height: 60)
                .background(Color.red)

                VStack{
                    Text("body top")
                    Spacer()
                    Text("body bottom")
                }
                .background(Color.blue)
            }
        }

    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Почему я получаю этот разрыв между красным HStack и синим VStack? Если я уберу отступы, пропасть исчезнет.

Насколько я понимаю, отступ должен делать отступ только горизонтально (впереди и сзади). Почему это предположение неверно?