diff --git a/docs/src/components/Preview.svelte b/docs/src/components/Preview.svelte
index fda63086..f608f59f 100644
--- a/docs/src/components/Preview.svelte
+++ b/docs/src/components/Preview.svelte
@@ -62,6 +62,10 @@
     color: #3ddbd9; /* teal 30 */
   }
 
+  .token.function {
+    color: #9ef0f0;
+  }
+
   .token.token.language-javascript,
   .token.attr-value {
     color: #d4bbff; /* purple 30 */
diff --git a/docs/src/pages/components/Breadcrumb.svx b/docs/src/pages/components/Breadcrumb.svx
index c642eca6..d6d3c17b 100644
--- a/docs/src/pages/components/Breadcrumb.svx
+++ b/docs/src/pages/components/Breadcrumb.svx
@@ -10,6 +10,8 @@ components: ["Breadcrumb", "BreadcrumbItem"]
   import Preview from "../../components/Preview.svelte";
 </script>
 
+See the [Breadcrumbs recipe](/recipes/Breadcrumbs) for building a reusable breadcrumbs component.
+
 ### Default
 
 <Breadcrumb>
diff --git a/docs/src/pages/components/InlineLoading.svx b/docs/src/pages/components/InlineLoading.svx
index 549748d4..d4066455 100644
--- a/docs/src/pages/components/InlineLoading.svx
+++ b/docs/src/pages/components/InlineLoading.svx
@@ -13,10 +13,10 @@
 
 ### Status states
 
-<InlineLoading status="active" />
-<InlineLoading status="inactive" />
-<InlineLoading status="finished" />
-<InlineLoading status="error" />
+<InlineLoading status="active" description="Submitting..." />
+<InlineLoading status="inactive" description="Cancelling..." />
+<InlineLoading status="finished" description="Success" />
+<InlineLoading status="error" description="An error occurred" />
 
 ### UX example
 
diff --git a/docs/src/pages/components/Search.svx b/docs/src/pages/components/Search.svx
index 8a10cf35..b155abce 100644
--- a/docs/src/pages/components/Search.svx
+++ b/docs/src/pages/components/Search.svx
@@ -5,6 +5,8 @@
 
 ### Default
 
+The `Search` component is extra-large by default. There are [large](#large-size) and [small](#small-size) size variants.
+
 <Search />
 
 ### Default value
diff --git a/docs/src/pages/framed/InlineLoading/InlineLoadingUx.svelte b/docs/src/pages/framed/InlineLoading/InlineLoadingUx.svelte
index 8ab77f83..fdaeb6bc 100644
--- a/docs/src/pages/framed/InlineLoading/InlineLoadingUx.svelte
+++ b/docs/src/pages/framed/InlineLoading/InlineLoadingUx.svelte
@@ -5,7 +5,7 @@
   const descriptionMap = {
     active: "Submitting...",
     finished: "Success",
-    inactive: "Cancelled",
+    inactive: "Cancelling...",
   };
 
   const stateMap = {