Sudden Centering of mushroom chip card

Hey,

I noticed that my dashboard suddenly became centered. But I didn’t change anything…

After various tests I found that it was probably the connection between the “power distribution card” and the “mushroom chips cards”?!?

The mushrooms are connected in a vertical and horizontal stack.

could anyone else tell?


type: horizontal-stack
cards:
  - type: vertical-stack
    cards:
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        entity: cover.dachflur_fenster
        icon: mdi:window-closed-variant
        icon_height: 40px
        name: Dachflur
        show_state: false
  - type: vertical-stack
    cards:
      - type: custom:mushroom-chips-card
        chips:
          - type: weather
            entity: weather.openweathermap
            show_temperature: true
            show_conditions: false
            card_mod:
              style: |
                ha-card {
                  padding: 0px !important;
                  border: none !important;
                  box-shadow: non !important;
                  font-size: 3.5rem !important;
                  background: transparent !important;
                } 
        alignment: center
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            entity: switch.sandfilteranlage_sockel_1
            picture: |-
              {% if is_state(entity, 'on') %}
                /local/my_icons/IMG_4854.png
              {% else %}
              {% endif %}
            icon: |-
              {% if is_state(entity, 'off') %}
                mdi:pool
              {% else %}
              {% endif %}
          - type: template
            entity: climate.inverter_pool_warmepumpe
            icon: mdi:fan
            icon_color: |-
              {% if is_state('climate.inverter_pool_warmepumpe','heat') %} 
                orange
              {% else %} 
                white
              {% endif %}
        alignment: center
        card_mod:
          style:
            mushroom-template-chip:nth-child(2)$: |
              ha-state-icon {
                {{ 'animation: rotation 2s linear infinite;' if is_state('climate.inverter_pool_warmepumpe','heat') }}
              }
              @keyframes rotation {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
              }
  - type: vertical-stack
    cards:
      - type: custom:button-card
        entity: climate.klimaanlage
        name: Klima
        size: 40%
        icon: mdi:fan
        state:
          - value: cool
            styles:
              icon:
                - animation:
                    - rotating 2s linear infinite
        tap_action:
          action: call-service
          service: climate.set_hvac_mode
          target:
            entity_id: climate.klimaanlage
          data:
            hvac_mode: cool
        hold_action:
          action: more-info
        double_tap_action:
          action: call-service
          service: climate.set_hvac_mode
          target:
            entity_id: climate.klimaanlage
          data:
            hvac_mode: 'off'