HA clock card resize & tap action

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 :slight_smile:

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.