diff --git a/src/components/carousel.ts b/src/components/carousel.ts
index cebc209c..024a0144 100644
--- a/src/components/carousel.ts
+++ b/src/components/carousel.ts
@@ -217,7 +217,7 @@ export class FrigateCardCarousel extends LitElement {
       ${showPrevious ? html`<slot name="previous"></slot>` : ``}
       <div class="embla__viewport">
         <div class="embla__container">
-          <slot ${ref(this._refSlot)} @slotchange=${this._slotChanged}></slot>
+          <slot ${ref(this._refSlot)} @slotchange=${this._slotChanged.bind(this)}></slot>
         </div>
       </div>
       ${showNext ? html`<slot name="next"></slot>` : ``}
diff --git a/src/components/drawer.ts b/src/components/drawer.ts
index 8af8fd69..bfcc1f9d 100644
--- a/src/components/drawer.ts
+++ b/src/components/drawer.ts
@@ -117,7 +117,7 @@ export class FrigateCardDrawer extends LitElement {
               </div>
             `
           : ''}
-        <slot ${ref(this._refSlot)} @slotchange=${this._slotChanged}></slot>
+        <slot ${ref(this._refSlot)} @slotchange=${this._slotChanged.bind(this)}></slot>
       </side-drawer>
     `;
   }