diff --git a/apps/www/src/lib/registry/default/example/BreadcrumbResponsive.vue b/apps/www/src/lib/registry/default/example/BreadcrumbResponsive.vue
index 539cbd35..09b219d9 100644
--- a/apps/www/src/lib/registry/default/example/BreadcrumbResponsive.vue
+++ b/apps/www/src/lib/registry/default/example/BreadcrumbResponsive.vue
@@ -42,7 +42,7 @@ const itemsToDisplay = 3
 const firstLabel = computed(() => items.value[0]?.label)
 
 const allButLastTwoItems = computed(() => items.value.slice(1, -2))
-const remainingItems = computed(() => items.value.slice(-itemsToDisplay + 1))
+const remainingItems = computed(() => items.value.slice(-Math.min(itemsToDisplay, items.value.length) + 1))
 </script>
 
 <template>
diff --git a/apps/www/src/lib/registry/new-york/example/BreadcrumbResponsive.vue b/apps/www/src/lib/registry/new-york/example/BreadcrumbResponsive.vue
index 305b106d..fdb81b08 100644
--- a/apps/www/src/lib/registry/new-york/example/BreadcrumbResponsive.vue
+++ b/apps/www/src/lib/registry/new-york/example/BreadcrumbResponsive.vue
@@ -42,7 +42,7 @@ const itemsToDisplay = 3
 const firstLabel = computed(() => items.value[0]?.label)
 
 const allButLastTwoItems = computed(() => items.value.slice(1, -2))
-const remainingItems = computed(() => items.value.slice(-itemsToDisplay + 1))
+const remainingItems = computed(() => items.value.slice(-Math.min(itemsToDisplay, items.value.length) + 1))
 </script>
 
 <template>