SwiftUI bar chart bug

ContentView.swift

import SwiftUI
import Charts

struct Value: Hashable {
    let x: Int
    let y: Int
}

struct ContentView: View {
    let values: [Value]
    let colors: [Color] = [.red, .green, .blue]
    
    var body: some View {
        VStack {
            Chart {
                ForEach(values, id: \.self) { value in
                    BarMark(
                        x: .value("X", value.x),
                        y: .value("Y", value.y),
                        width: .fixed(16) // a smaller (or none) fixed size works better
                    )
                    .foregroundStyle(colors[value.x % colors.count])
                }
            }
            .chartScrollableAxes(.horizontal)

            Chart {
                ForEach(values, id: \.self) { value in
                    BarMark(
                        x: .value("X", value.x),
                        y: .value("Y", value.y),
                        width: .fixed(25) // a larger fixed size triggers the bug quicker
                    )
                    .foregroundStyle(colors[value.x % colors.count])
                }
            }
            .chartScrollableAxes(.horizontal)
        }
        
        .padding()
    }
}

#Preview {
    var rnd = SystemRandomNumberGenerator()

    // increase to bring out the bug quicker. Smaller values fit easier
    let numberOfValues = 50
    var values: [Value] = []
    for index in 0 ..< numberOfValues {
        values.append(Value(x: index, y: Int(rnd.next() % 50)))
    }
    
    return ContentView(values: values)
}