diff --git a/src/components/ha-button.ts b/src/components/ha-button.ts
index ae84a7dcf9..df8a16f558 100644
--- a/src/components/ha-button.ts
+++ b/src/components/ha-button.ts
@@ -40,7 +40,7 @@ import { customElement, property } from "lit/decorators";
  */
 @customElement("ha-button")
 export class HaButton extends Button {
-  @property() appearance?: "accent" | "filled" | "plain";
+  @property({ reflect: true }) appearance?: "accent" | "filled" | "plain";
 
   static override styles = [
     styles,