Card Mod Dots in a Mushroom Card not displayed right.

[kenobrx]

Yellow Dot = Light on in that Room.

Normally the yellow dot is located at the right corner.
After updating to 2024.4.1 it seems that there is a bug. - the yellow dot is displayed at the left side.
yaml is correct. - didn't touched it.

Bug:

No Bug:

Yaml Code:

type: custom:mushroom-template-card
primary: Garage
icon: mdi:garage
features_position: bottom
vertical: true
color: white
grid_options:
columns: 4
rows: 2
tap_action:
action: navigate
navigation_path: /mushroom-test/garage
secondary: >
{{ states('sensor.sonoff_temp_u_rlf_sensor_garage_temperature') | float(0) }}
°C · {{ states('sensor.sonoff_temp_u_rlf_sensor_garage_humidity') | float(0)
}} %
card_mod:
style: |
ha-card { position: relative; }

/* ROT: Tor offen */
ha-card::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: red;
  position: absolute;
  top: 8px;
  right: 8px;

  display: {% if is_state('binary_sensor.sensor_garagentor_contact','on') %}
             block
           {% else %}
             none
           {% endif %};
}

/* GELB: irgendein Licht an */
ha-card::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffd000;
  position: absolute;
  top: 22px;   /* 8px + 10px + 4px Abstand */
  right: 8px;

  display: {% if is_state('light.hue_aurelle_60x60_garage_eingang','on')
               or is_state('light.hue_aurelle_60x60_garage_werkbank','on')
               or is_state('light.0x001788010f55f8b0','on') %}
             block
           {% else %}
             none
           {% endif %};
}