diff --git a/docs/package.json b/docs/package.json
index 3173e41..c84b279 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@astrojs/starlight": "^0.17.2",
     "astro": "^4.3.0",
-    "astro-breadcrumbs": "^1.9.0",
+    "astro-breadcrumbs": "^1.10.0",
     "astro-matomo": "^1.4.2",
     "sharp": "^0.33.2",
     "starlight-links-validator": "^0.5.2"
diff --git a/docs/src/content/docs/configuration/properties.mdx b/docs/src/content/docs/configuration/properties.mdx
index 0b54904..d9db9a6 100644
--- a/docs/src/content/docs/configuration/properties.mdx
+++ b/docs/src/content/docs/configuration/properties.mdx
@@ -320,3 +320,7 @@ If you use the SCSS style file, you need to opt-in `$truncated: true` within the
 **Rendered Component:**
 
 <Breadcrumbs truncated={true} />
+
+:::note
+Resize or browser until the breadcrumbs are truncated.
+:::
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 83846a2..4ec04eb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -59,7 +59,7 @@ importers:
         specifier: ^4.3.0
         version: 4.3.0(sass@1.70.0)
       astro-breadcrumbs:
-        specifier: ^1.9.0
+        specifier: ^1.10.0
         version: link:..
       astro-matomo:
         specifier: ^1.4.2