diff --git a/core/src/components/label/label.tsx b/core/src/components/label/label.tsx
index 6f8ad05a4a7..eb04c3ec628 100644
--- a/core/src/components/label/label.tsx
+++ b/core/src/components/label/label.tsx
@@ -18,6 +18,7 @@ import type { Color, StyleEventDetail } from '../../interface';
 })
 export class Label implements ComponentInterface {
   private inRange = false;
+  private loadTimeout?: number
 
   @Element() el!: HTMLElement;
 
@@ -56,12 +57,16 @@ export class Label implements ComponentInterface {
 
   componentDidLoad() {
     if (this.noAnimate) {
-      setTimeout(() => {
+      this.loadTimeout = setTimeout(() => {
         this.noAnimate = false;
       }, 1000);
     }
   }
 
+  disconnectedCallback() {
+    clearTimeout(this.loadTimeout)
+  }
+
   @Watch('color')
   colorChanged() {
     this.emitColor();