So, the 2025.9.0 update broke these for me.
I did some digging through the inspect of the page in the browser and am not sure why this broke. But don’t feel like fixing it every time they update the clock card ![]()
Don’t get me wrong. I love that they update early and often. But not sure adding an analog clock (which I love by the way) should break these styles we were updating. I just think the three sizes offered is so short-sighted.
So, I created a time sensor (easy to change to add zero padding, seconds, etc)
time:
value_template: "{{ as_datetime(now()).strftime('%-I:%M %p') }}"
And now use the custom button-card for the clock in this situation. I hope to find a need for the analog clock!
- type: custom:button-card
entity: sensor.time
tap_action:
action: none
show_icon: false
show_name: false
show_state: true
styles:
card:
- padding: 0
state:
- font-size: 100px
This card will also do your tap action and coloring.