Need help please : button layout

Configuration Frontend
1

hi,
i created a button but it is seens like this (with thunderbold)

image

and i want that with round circle on and off

image

do you know why?
here is my code

configuration.yml

switch:

  • platform: mqtt
    device_class: light
    name: “Vanne1”
    command_topic: “valve_1”
    payload_on: “30”
    state_topic: “valve_1/state”
    state_on: “on”
    state_off: “off”
    device_class: switch

ui-lovelace.yaml

views:

  • title: main
    icon: mdi:home-outline
    cards:
    • type: entities
      title: Ambience
      show_state: false
      column_width: calc(100%/3)
      entities:
      • entity: switch.vanne1
        icon: mdi:valve

thanks

2

Please use code tags.

This happened to me with one switch. The thunderbolt icon means that Home Assistant doesn’t know the state of the device. If you click on the thunderbolt, what happens?

I “fixed” my case by flashing the switch with ESPHome. (It was previously running Tasmota).