From 6a751f7172ed0331c2d172e943643dfee99e0c82 Mon Sep 17 00:00:00 2001
From: Simon Taggart <me@simontaggart.com>
Date: Tue, 11 Jul 2023 11:37:38 -0700
Subject: [PATCH] chore: correct the icon color in the topbar menu examples
 (#3308)

---
 .../stories/full-composition/components/AccountMenu.tsx       | 2 +-
 .../stories/full-composition/components/BillingMenu.tsx       | 2 +-
 .../paste-website/src/component-examples/TopbarExamples.ts    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx
index 03ad790682..98c8fb08fe 100644
--- a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx
+++ b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx
@@ -7,7 +7,7 @@ export const AccountMenu: React.FC = () => {
   return (
     <>
       <MenuButton {...menu} variant="reset" size="reset">
-        Account <ChevronDownIcon decorative />
+        Account <ChevronDownIcon decorative color="colorTextIcon" />
       </MenuButton>
       <Menu {...menu} aria-label="Preferences">
         <MenuGroup label="Manage account">
diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx
index 9e827c6e8a..c05b313ba8 100644
--- a/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx
+++ b/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx
@@ -7,7 +7,7 @@ export const BillingMenu: React.FC = () => {
   return (
     <>
       <MenuButton {...menu} variant="reset" size="reset">
-        Billing <ChevronDownIcon decorative />
+        Billing <ChevronDownIcon decorative color="colorTextIcon" />
       </MenuButton>
       <Menu {...menu} aria-label="Preferences">
         <MenuGroup label="Manage Billing">
diff --git a/packages/paste-website/src/component-examples/TopbarExamples.ts b/packages/paste-website/src/component-examples/TopbarExamples.ts
index d4d0a83c14..4808f90043 100644
--- a/packages/paste-website/src/component-examples/TopbarExamples.ts
+++ b/packages/paste-website/src/component-examples/TopbarExamples.ts
@@ -525,7 +525,7 @@ const TopbarExample = () => {
             items={['one', 'two']}
           />
           <MenuButton {...menu} variant="reset" size="reset">
-            Account <ChevronDownIcon decorative />
+            Account <ChevronDownIcon decorative color="colorTextIcon" />
           </MenuButton>
           <Menu {...menu} aria-label="Preferences">
             <MenuGroup label="Manage account">
@@ -543,7 +543,7 @@ const TopbarExample = () => {
             </MenuGroup>
           </Menu>
           <MenuButton {...billingMenu} variant="reset" size="reset">
-            Billing <ChevronDownIcon decorative />
+            Billing <ChevronDownIcon decorative color="colorTextIcon" />
           </MenuButton>
           <Menu {...billingMenu} aria-label="Preferences">
             <MenuGroup label="Manage Billing">