How can I change the design of a switch?

I have a switch configured and would like to have a standard design for it like for automations with an icon to the left and a toggle on the right. How would I do that?
switch

Have a read of this:

Hi Tom, yes I had seen that thread but found it very unclear.

Right now I have this in configurations.yaml:

# MQTT Switch
switch:
  - platform: mqtt
    name: "Fnatenrahmen"
    #state_topic: "frame/monitor"
    command_topic: "frame/monitor"
    #availability_topic: "frame/monitor/available"
    payload_on: "turn_monitor_on"
    payload_off: "turn_monitor_off"
    state_on: "ON"
    state_off: "OFF"
    optimistic: false
    qos: 0
    retain: true

I am not using availability not state info (yet), that’s why they are commented out. Not really sure what to change…

You need the state topic for optimistic: false.

You need the state topic for optimistic: false.

That’s what I have but still no change.

You also need to uncomment the state topic.

Ah, yes. However, when I do that I need to introduce a state feedback as the optimistic variant doesn’t work anymore. Always more to learn… :face_with_raised_eyebrow:

Without the state feedback HA has no idea what state to set the toggle switch so it uses the two seperate on / off icons.

Yes, set the assumed_state in customize: