Grid Layout not working as expected

Grid Layout does not work as expected, for the following dashboard

views:
  - title: Home
    sections:
      - type: grid
        columns: 3
        cards:
          - type: button
            show_name: true
            show_icon: true
            tap_action:
              action: toggle
            name: Button A
            show_state: true
          - type: button
            show_name: true
            show_icon: true
            tap_action:
              action: toggle
            name: Button B
            show_state: true
          - type: button
            show_name: true
            show_icon: true
            tap_action:
              action: toggle
            name: Button C
          - type: button
            show_name: true
            show_icon: true
            tap_action:
              action: toggle
            name: Button D

I would expect it, according to documentation, to show three buttons before heading for the next row. This is however not the case as it is visualized like this

grafik

Is there something I am missing? I have frontend 20241106.2