diff --git a/resources/js/carousel.js b/resources/js/carousel.js
index 3e9e26a7..c1260e8e 100644
--- a/resources/js/carousel.js
+++ b/resources/js/carousel.js
@@ -1198,9 +1198,10 @@ document.addEventListener('alpine:init', () => {
                 const element = event.target.closest(ITEM)
                 const index = state.items.findIndex((item) => item.element === element)
 
+                // The item is a tab stop itself, so it matches INTERACTIVE: only a control inside it counts.
                 const control = event.target.closest(INTERACTIVE)
 
-                if (index >= 0 && this.isMasked(index) && !(control && element.contains(control))) {
+                if (index >= 0 && this.isMasked(index) && !(control && control !== element && element.contains(control))) {
                     this.scrollToItem(index)
                 }
             },