Unexpected shape around a GlassProminentButtonStyle button with safeAreaBar in NavigationStack

I’m trying to use the new safeAreaBar() to place a button in the bottom safe area of the view for the main action. However, there’s a bug when the view is inside a NavigationStack: a white or translucent background appears around the button. When I move the view outside of the NavigationStack, the issue goes away.

NavigationStack {
	List {
	 Text("ok")
	}
	.safeAreaBar(edge: .bottom) {
		Button(action: {}, label: {
			Text("Continue").font(.headline)
		})
		.buttonStyle(.glassProminent)
	}
}

Is it a known issue?

What happens if you apply the corner radius to your button guy?

Is it fixable by using the .buttonBorderShape() modifier outside the button?

Unexpected shape around a GlassProminentButtonStyle button with safeAreaBar in NavigationStack
 
 
Q