Weird vibrancy effects on Mac Catalyst

Hello, my app uses vibrancy effects thanks to SwiftUI's materials and hierarchical shape style. While they work flawlessly on iOS and iPadOS, on Mac Catalyst they seem to be pretty broken. I'm attaching some screenshots.

iPad

Mac

This is the same code, with the same background behind the material. The colors are already pretty different, but my concern is about the text, which clearly looks broken

Here a sample code:

HStack(spacing: 0) {
            VStack(alignment: .leading, spacing: 2) {
                Text(event.label)
                    .font(.subheadline.weight(.semibold))
                    .foregroundStyle(.secondary)
                Text(event.info(for: currentDestination))
                    .font(.system(.title2, design: .rounded, weight: .semibold))
                    .foregroundStyle(.primary)
            }
            Spacer(minLength: 0)
            InfoIcon(isCustom: event.isCustomIcon, icon: event.icon, renderingMode: .palette, size: iconSize)
                .font(.body.weight(.semibold))
        }
        .padding(.horizontal, 24)
        .padding(.vertical, 12)
        .background(.quaternary, in: .rect(cornerRadius: 16, style: .continuous))
        .clipShape(.rect(cornerRadius: 16, style: .continuous))
        .padding(.all, 16)
        .background(.ultraThinMaterial, in: .rect)
Weird vibrancy effects on Mac Catalyst
 
 
Q