alarm-panel icon is misaligned

[marcuscps]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

The action button icon is misaligned. It should be centred vertically with the text next to it:

The card above:

type: alarm-panel
entity: alarm_control_panel.alarm
name: "Test"
states:
  - arm_home
  - arm_away

Notice below the incorrect alignment (left), and how it should be (right):

Describe the behavior you expected

The button icon should be vertically centered

Steps to reproduce the issue

1 - Create a alarm-panel.
2 - notice the wrong alignment of the icon

What version of Home Assistant Core has the issue?

2024.11.3

What was the last working version of Home Assistant Core?

Has been like this for a long time

In which browser are you experiencing the issue with?

No response

Which operating system are you using to run this browser?

No response

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[ildar170975]

Hopefully can be fixed by #23785