diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
index 00a3f61792..8565b47cdd 100644
--- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts
+++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
@@ -152,10 +152,11 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
       >
         <ha-label-badge
           class=${classMap({ [stateObj.state]: true })}
-          .icon=${alarmPanelIcon(stateObj.state)}
           .label=${this._stateIconLabel(stateObj.state)}
           @click=${this._handleMoreInfo}
-        ></ha-label-badge>
+        >
+          <ha-icon .icon=${alarmPanelIcon(stateObj.state)}></ha-icon>
+        </ha-label-badge>
         <div id="armActions" class="actions">
           ${(stateObj.state === "disarmed"
             ? this._config.states!