diff --git a/web/routes/uix/components/carousel/+page.svelte b/web/routes/uix/components/carousel/+page.svelte
index 1f7ef2bdd..4bae725bf 100644
--- a/web/routes/uix/components/carousel/+page.svelte
+++ b/web/routes/uix/components/carousel/+page.svelte
@@ -25,7 +25,11 @@
 	let align = $state<CarouselAlign>('start');
 	let gap = $state(0); // in rem; converted to `${gap}rem` when forwarded
 	let verticalBlockSize = $state(16); // rem
-	let loop = $state(false);
+	// Default `loop=true` for the demo so clicking next/prev wraps around
+	// instead of going dead at the boundaries — the disabled state at
+	// canGoNext=false / canGoPrev=false confused testers into thinking
+	// the click handler had broken. Component default stays `loop=false`.
+	let loop = $state(true);
 
 	// Drag
 	let dragEnabled = $state(true);