diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.tsx b/packages/canon/src/components/HeaderPage/HeaderPage.tsx
index 36581a4b5b..29d1b93af5 100644
--- a/packages/canon/src/components/HeaderPage/HeaderPage.tsx
+++ b/packages/canon/src/components/HeaderPage/HeaderPage.tsx
@@ -34,7 +34,7 @@ export const HeaderPage = (props: HeaderPageProps) => {
     <Flex pl="4" pr="2" mt="6" justify="between">
       <Flex direction="column" gap="2">
         <Heading variant="title4">{title}</Heading>
-        <Text>{description}</Text>
+        <Text color="secondary">{description}</Text>
       </Flex>
       <div>
         {options && (