The column widths shift

Configuration Frontend
1

I have a chart where I can choose to display data from either my AP solar panels, SolarEdge (SE), or both.
I can also select day, month, or year views, though those aren't relevant to my question.
When I select ‘SE’ or both, the bars are wide; however, when I select ‘AP’, the width changes and they become narrow.

Does anyone have any idea why this happens and how to fix it?

Here is my YAML

type: vertical-stack
cards:

  • type: horizontal-stack
    cards:
    • type: custom:mushroom-chips-card
      alignment: center
      chips:
      • type: template
        content: >
        {% if is_state('input_select.pv_grafiek_installatie','APSystems')
        %}
        :white_check_mark: :orange_circle: AP
        {% else %}
        :orange_circle: AP
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_installatie
        data:
        option: APSystems
      • type: template
        content: >
        {% if is_state('input_select.pv_grafiek_installatie','SolarEdge')
        %}
        :white_check_mark: :yellow_circle: SE
        {% else %}
        :yellow_circle: SE
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_installatie
        data:
        option: SolarEdge
      • type: template
        content: |
        {% if is_state('input_select.pv_grafiek_installatie','Beide') %}
        :white_check_mark: :orange_circle::yellow_circle: Beide
        {% else %}
        :orange_circle::yellow_circle: Beide
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_installatie
        data:
        option: Beide
    • type: custom:mushroom-chips-card
      alignment: center
      chips:
      • type: template
        content: |
        {% if is_state('input_select.pv_grafiek_periode','Vandaag') %}
        :white_check_mark: Vandaag
        {% else %}
        Vandaag
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_periode
        data:
        option: Vandaag
      • type: template
        content: |
        {% if is_state('input_select.pv_grafiek_periode','Maand') %}
        :white_check_mark: Maand
        {% else %}
        Maand
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_periode
        data:
        option: Maand
      • type: template
        content: |
        {% if is_state('input_select.pv_grafiek_periode','Jaar') %}
        :white_check_mark: Jaar
        {% else %}
        Jaar
        {% endif %}
        tap_action:
        action: call-service
        service: input_select.select_option
        target:
        entity_id: input_select.pv_grafiek_periode
        data:
        option: Jaar
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: Beide
      card:
      type: custom:mushroom-chips-card
      alignment: center
      chips:
      • type: template
        content: |
        {% if is_state('select.pv_grafiek_weergave','Gestapeld') %}
        :white_check_mark: Gestapeld
        {% else %}
        Gestapeld
        {% endif %}
        tap_action:
        action: call-service
        service: select.select_option
        target:
        entity_id: select.pv_grafiek_weergave
        data:
        option: Gestapeld
      • type: template
        content: |
        {% if is_state('select.pv_grafiek_weergave','Vergelijken') %}
        :white_check_mark: Vergelijken
        {% else %}
        Vergelijken
        {% endif %}
        tap_action:
        action: call-service
        service: select.select_option
        target:
        entity_id: select.pv_grafiek_weergave
        data:
        option: Vergelijken
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: APSystems
    • entity: input_select.pv_grafiek_periode
      state: Vandaag
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: APSystems vandaag
      graph_span: 24h
      span:
      start: day
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1h
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: APSystems
    • entity: input_select.pv_grafiek_periode
      state: Maand
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: APSystems deze maand
      graph_span: 31d
      span:
      start: month
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1d
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: APSystems
    • entity: input_select.pv_grafiek_periode
      state: Jaar
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: APSystems dit jaar
      graph_span: 1y
      span:
      start: year
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1month
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: SolarEdge
    • entity: input_select.pv_grafiek_periode
      state: Vandaag
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: SolarEdge vandaag
      graph_span: 24h
      span:
      start: day
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1h
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: SolarEdge
    • entity: input_select.pv_grafiek_periode
      state: Maand
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: SolarEdge deze maand
      graph_span: 4d
      span:
      start: month
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1d
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: SolarEdge
    • entity: input_select.pv_grafiek_periode
      state: Jaar
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: SolarEdge dit jaar
      graph_span: 1y
      span:
      start: year
      apex_config:
      chart:
      height: 420
      series:
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1month
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: Beide
    • entity: input_select.pv_grafiek_periode
      state: Vandaag
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: PV-opbrengst vandaag
      graph_span: 24h
      span:
      start: day
      apex_config:
      chart:
      stacked: true
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1h
        func: diff
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1h
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: Beide
    • entity: input_select.pv_grafiek_periode
      state: Maand
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: PV-opbrengst deze maand
      graph_span: 4d
      span:
      start: month
      apex_config:
      chart:
      stacked: true
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1d
        func: diff
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1d
        func: diff
  • type: conditional
    conditions:
    • entity: input_select.pv_grafiek_installatie
      state: Beide
    • entity: input_select.pv_grafiek_periode
      state: Jaar
      card:
      type: custom:apexcharts-card
      header:
      show: true
      title: PV-opbrengst dit jaar
      graph_span: 1y
      span:
      start: year
      apex_config:
      chart:
      stacked: true
      height: 420
      series:
      • entity: sensor.roof_ecu_216000394801_lifetime_energy
        name: APSystems
        type: column
        color: "#ff9800"
        group_by:
        duration: 1month
        func: diff
      • entity: sensor.solaredge_i1_ac_energy
        name: SolarEdge
        type: column
        color: "#ffd600"
        group_by:
        duration: 1month
        func: diff
        grid_options:
        columns: 24
        rows: auto