diff --git a/src/components/ha-button.ts b/src/components/ha-button.ts
index 5b8bcd4d16..57ac10c185 100644
--- a/src/components/ha-button.ts
+++ b/src/components/ha-button.ts
@@ -57,6 +57,8 @@ export class HaButton extends Button {
 
           font-size: var(--ha-font-size-m);
           line-height: 1;
+
+          transition: background-color 0.15s ease-in-out;
         }
 
         :host([size="small"]) .button {