I've implemented a popover and it works fine. However, the style is really weird and looks more like a sheet than a popover.

Screen recording here: https://drive.google.com/file/d/1F02E6YeX_1wUACOU1w11wcqFQJG-h1GF/view?usp=sharing

This is the part of my code with the popover:

Button( action: {
                self.showPopover = true
}){
    Image(systemName: "plus")
        .foregroundColor(Color("gray.dark"))
    }
}.popover(isPresented: self.$showPopover)
                {
                    Picker(selection: $selectedColor, label: Text("Custom duration")) {
                                ForEach(0 ..< colors.count) {
                                   Text(self.colors[$0])
                                }
                             }.background(Color.red)
                    .opacity(0.75)
                    .frame(width: 250, height: 150)
                    .cornerRadius(32)
                }

I just want to see the red part. How can I change this?