This is a very strange bug, and I have no idea why it's happening.

When I DON'T have a Map in my view, the top bar is transparent (which is the behaviour I want):

If I DO have a Map in my view, the top bar goes to this translucent blurred look:

The basic structure of my view is :

ScrollViewReader { value in
    ScrollView(showsIndicators: false) {
        VStack(spacing: 0) {
            VStack(alignment: .leading, spacing: 0) {
                VStack(alignment: .leading) {
                    Spacer()
                        .frame(height: 16)
                    
                    Text("Map")
                    
                    Map(interactionModes: []) {
                        //
                    }
                    .frame(minHeight: 194)
                    .background(Color.wireframe)
                    .cornerRadius(18)
                }
                .padding(.horizontal, 24)
                .background(Color.white)
            }
            .frame(maxWidth: .infinity, alignment: .leading)
            
            Spacer()
        }
    }
    .edgesIgnoringSafeArea(.top)
}

Anyone have any idea what's going on?

Thanks!