Decluttering template card fills two columns in new sections layout

[lennon101]

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue:
V1.0.0

Last working release (if known):
N/A

Browser and Operating System:
Behaviour has been testing on both Mac and Windows PC's and on both Safari and Chrome (latest versions for both as of 19Apr24)

Description of problem:
I've been playing around with the Declutter template in the new sections layout (experimental). I understand that this layout is still in the development phase so I'm only raising this issue to prepare for future updates. It seems that the behaviour of the Declutter template card does not follow the grid scheme per layout card. I've tried to make this clearer using screenshots below.

How the template is actually rendered:

Expected behaviour is that the template card should have been populated in the empty space beside the other cards. Instead, it has chosen to fill the entire row spreading across two column.

Javascript errors shown in the web inspector (if applicable):

Additional information:

The yaml for the template is below:

decluttering_templates:
  window_template:
    default:
      - primary: window
      - entity: ''
    card:
      type: custom:mushroom-template-card
      entity: '[[entity]]'
      primary: '[[primary]]'
      secondary: |-
        {% if is_state(entity, 'off') %}
          Closed
        {% else %}
          Open
        {% endif %}
      icon: |-
        {% if is_state(entity, 'off') %}
          mdi:window-closed-variant
        {% else %}
          mdi:window-open-variant
        {% endif %}
      icon_color: |-
        {% if is_state(entity, 'off') %}
          green
        {% else %}
          amber
        {% endif %}
      tap_action:
        action: more-info
      double_tap_action:
        action: none
      hold_action:
        action: none