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

It must have something to do with the way you’re using sections:. I don’t use them and when I try your code as a normal card it works fine.

Sections is part of the way dashboard handles it. If I start a new Dashboard, it has at least the entry

views:
  - title: Home

and this

views:
  - title: Home
    type: grid
    columns: 3
    cards: []

does not work!

Where do you use the snippet you have shown here? I’m puzzled on how to use that within a Dashboard?!