From ee2b53502623cbf261104d9cb9e5e29612dae390 Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Sun, 18 Jul 2021 05:30:50 -0700
Subject: [PATCH] docs: update copy

---
 docs/src/pages/components/Button.svx        | 8 ++++++--
 docs/src/pages/components/OrderedList.svx   | 4 ++--
 docs/src/pages/components/UnorderedList.svx | 2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/docs/src/pages/components/Button.svx b/docs/src/pages/components/Button.svx
index 2b2f0f45..c0b06446 100644
--- a/docs/src/pages/components/Button.svx
+++ b/docs/src/pages/components/Button.svx
@@ -1,5 +1,5 @@
 <script>
-  import { Button } from "carbon-components-svelte";
+  import { InlineNotification, Button } from "carbon-components-svelte";
   import Add16 from "carbon-icons-svelte/lib/Add16";
   import TrashCan16 from "carbon-icons-svelte/lib/TrashCan16";
   import TextBold16 from "carbon-icons-svelte/lib/TextBold16";
@@ -118,7 +118,11 @@ If an `href` value is specified, the component will render an [anchor element](h
 
 Set `expressive` to `true` to use Carbon's expressive typesetting.
 
-Note: the expressive styles only apply to the default, `"lg"`, and `"xl"` button sizes.
+<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    Expressive styles only work with the default, `"lg"`, and `"xl"` button sizes.
+  </div>
+</InlineNotification>
 
 <Button expressive size="xl">Primary</Button>
 <Button expressive size="xl" kind="secondary">Secondary</Button>
diff --git a/docs/src/pages/components/OrderedList.svx b/docs/src/pages/components/OrderedList.svx
index ef659907..9cc58175 100644
--- a/docs/src/pages/components/OrderedList.svx
+++ b/docs/src/pages/components/OrderedList.svx
@@ -9,8 +9,8 @@ components: ["OrderedList", "ListItem"]
 
 <InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
   <div class="body-short-01">
-    To render data formatted as a tree structure, use the <Link href="/components/RecursiveList#ordered">RecursiveList</Link> component.
-  </div>
+    Consider using the <Link href="/components/RecursiveList#ordered">RecursiveList</Link> component for rendering tree structured data.
+   </div>
 </InlineNotification>
 
 ### Default
diff --git a/docs/src/pages/components/UnorderedList.svx b/docs/src/pages/components/UnorderedList.svx
index 118f37da..2eea512e 100644
--- a/docs/src/pages/components/UnorderedList.svx
+++ b/docs/src/pages/components/UnorderedList.svx
@@ -9,7 +9,7 @@ components: ["UnorderedList", "ListItem"]
 
 <InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
   <div class="body-short-01">
-    To render data formatted as a tree structure, use the <Link href="/components/RecursiveList#unordered">RecursiveList</Link> component.
+   Consider using the <Link href="/components/RecursiveList#unordered">RecursiveList</Link> component for rendering tree structured data.
   </div>
 </InlineNotification>