From 4ddc9e9a340ccdcb7be49b0e158c89d9bcdad13f Mon Sep 17 00:00:00 2001
From: ethancrawford <ethan_jc@hotmail.com>
Date: Wed, 9 Sep 2026 04:38:20 +0800
Subject: [PATCH] Fix several descriptions on the avatars preview page (#3003)

Co-authored-by: Bartek <xbartoszdobija@gmail.com>
---
 .changeset/avatar-page-descriptions.md | 5 +++++
 preview/pages/avatars.astro            | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/avatar-page-descriptions.md

diff --git a/.changeset/avatar-page-descriptions.md b/.changeset/avatar-page-descriptions.md
new file mode 100644
index 000000000..41f7b5749
--- /dev/null
+++ b/.changeset/avatar-page-descriptions.md
@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Updated the avatar list and brand card descriptions on the avatars preview page.
diff --git a/preview/pages/avatars.astro b/preview/pages/avatars.astro
index a6ad680f2..111cc8969 100644
--- a/preview/pages/avatars.astro
+++ b/preview/pages/avatars.astro
@@ -119,7 +119,7 @@ const brands = ['netflix', 'amazon', 'messenger', 'figma', 'twitch']
       <Card>
         <CardBody>
           <CardTitle>Avatar lists</CardTitle>
-          <CardSubtitle>Stack avatars with <code>&lt;AvatarList&gt;</code> to show a group at a glance.</CardSubtitle>
+          <CardSubtitle>Stack avatars inside an <code>.avatar-list</code> container to show a group at a glance.</CardSubtitle>
           <div class="row g-3">
             {
               listSizes.map((size) => (
@@ -169,7 +169,7 @@ const brands = ['netflix', 'amazon', 'messenger', 'figma', 'twitch']
       <Card>
         <CardBody>
           <CardTitle>Avatar brands</CardTitle>
-          <CardSubtitle>Show a recognizable brand icon instead of a person.</CardSubtitle>
+          <CardSubtitle>Add a recognizable brand icon on top of an avatar.</CardSubtitle>
           {brands.map((brand, i) => <Avatar person={personById(i + 1)} brand={brand} />)}
         </CardBody>
       </Card>