Text Above List w/ VStack Appears as View's Title

I am curious about the fact that the Text above the VStack is shown as a title to the view. I didn't know one could place Text above a VStack without another VStack. Here's the partial code showing the situation.

    @State private var results = [Result]()
    var body: some View {
        Text("Songs of Al Di Meola on iTunes")
            .font(.title3)
            .fontWeight(.bold)
        List(results, id: \.trackId) { item in
            VStack(alignment: .leading) {
                Text(item.trackName)
                    .font(.headline)
                Text(item.collectionName)
            }
        }
        .task {
            await loadData()
        }
    }

See picture for details.