diff --git a/src/components/ha-ripple.ts b/src/components/ha-ripple.ts
index 3b57810145..596e04bf1f 100644
--- a/src/components/ha-ripple.ts
+++ b/src/components/ha-ripple.ts
@@ -16,6 +16,14 @@ export class HaRipple extends Ripple {
     this.attachableTouchController.attach(control);
   }
 
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    // @ts-ignore
+    this.hovered = false;
+    // @ts-ignore
+    this.pressed = false;
+  }
+
   detach() {
     super.detach();
     this.attachableTouchController.detach();