diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index 0d7dec2d83..1fbc259a9e 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -988,11 +988,11 @@ export interface HeaderPageProps {
   // (undocumented)
   description?: string;
   // (undocumented)
-  name?: string;
-  // (undocumented)
   options?: HeaderPageOption[];
   // (undocumented)
   tabs?: HeaderPageTab[];
+  // (undocumented)
+  title?: string;
 }
 
 // @public
@@ -1010,11 +1010,11 @@ export interface HeaderProps {
   // (undocumented)
   icon?: React.ReactNode;
   // (undocumented)
-  name?: string;
-  // (undocumented)
   options?: HeaderOption[];
   // (undocumented)
   tabs?: HeaderTab[];
+  // (undocumented)
+  title?: string;
 }
 
 // @public
diff --git a/packages/canon/src/components/Header/Header.tsx b/packages/canon/src/components/Header/Header.tsx
index 9ea06ab98d..9d7e65a6d1 100644
--- a/packages/canon/src/components/Header/Header.tsx
+++ b/packages/canon/src/components/Header/Header.tsx
@@ -24,13 +24,13 @@ import { HeaderTabs } from './HeaderTabs';
  * @public
  */
 export const Header = (props: HeaderProps) => {
-  const { tabs, icon, name, options, breadcrumbs } = props;
+  const { tabs, icon, title, options, breadcrumbs } = props;
 
   return (
     <>
       <HeaderToolbar
         icon={icon}
-        name={name}
+        title={title}
         options={options}
         breadcrumbs={breadcrumbs}
       />
diff --git a/packages/canon/src/components/Header/HeaderToolbar.tsx b/packages/canon/src/components/Header/HeaderToolbar.tsx
index aa31387f57..679c9ce489 100644
--- a/packages/canon/src/components/Header/HeaderToolbar.tsx
+++ b/packages/canon/src/components/Header/HeaderToolbar.tsx
@@ -29,7 +29,7 @@ import { motion, useScroll, useTransform } from 'motion/react';
  * @public
  */
 export const HeaderToolbar = (props: HeaderProps) => {
-  const { icon, name, options, breadcrumbs } = props;
+  const { icon, title, options, breadcrumbs } = props;
   const { classNames } = useStyles('Header');
 
   const { scrollY } = useScroll();
@@ -94,7 +94,7 @@ export const HeaderToolbar = (props: HeaderProps) => {
             <div className={classNames.toolbarIcon}>
               {icon || <RiShapesLine />}
             </div>
-            {name || 'Your plugin'}
+            {title || 'Your plugin'}
           </div>
           {breadcrumbs && (
             <motion.div
diff --git a/packages/canon/src/components/Header/types.ts b/packages/canon/src/components/Header/types.ts
index b6a8eab779..ade1c814db 100644
--- a/packages/canon/src/components/Header/types.ts
+++ b/packages/canon/src/components/Header/types.ts
@@ -23,7 +23,7 @@ import { MutableRefObject } from 'react';
  */
 export interface HeaderProps {
   icon?: React.ReactNode;
-  name?: string;
+  title?: string;
   tabs?: HeaderTab[];
   options?: HeaderOption[];
   breadcrumbs?: HeaderBreadcrumb[];
diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx b/packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx
index 501eb715c4..1fafb47a44 100644
--- a/packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx
+++ b/packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx
@@ -99,7 +99,7 @@ const layoutDecorator = [
 
 export const Default: Story = {
   args: {
-    name: 'Header Page',
+    title: 'Header Page',
   },
 };
 
diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.tsx b/packages/canon/src/components/HeaderPage/HeaderPage.tsx
index 987ea14783..36581a4b5b 100644
--- a/packages/canon/src/components/HeaderPage/HeaderPage.tsx
+++ b/packages/canon/src/components/HeaderPage/HeaderPage.tsx
@@ -28,12 +28,12 @@ import { RiMore2Line } from '@remixicon/react';
  * @public
  */
 export const HeaderPage = (props: HeaderPageProps) => {
-  const { name, description, options } = props;
+  const { title, description, options } = props;
 
   return (
     <Flex pl="4" pr="2" mt="6" justify="between">
       <Flex direction="column" gap="2">
-        <Heading variant="title4">{name}</Heading>
+        <Heading variant="title4">{title}</Heading>
         <Text>{description}</Text>
       </Flex>
       <div>
diff --git a/packages/canon/src/components/HeaderPage/types.ts b/packages/canon/src/components/HeaderPage/types.ts
index 722f069478..8c146b4596 100644
--- a/packages/canon/src/components/HeaderPage/types.ts
+++ b/packages/canon/src/components/HeaderPage/types.ts
@@ -20,7 +20,7 @@
  * @public
  */
 export interface HeaderPageProps {
-  name?: string;
+  title?: string;
   description?: string;
   tabs?: HeaderPageTab[];
   options?: HeaderPageOption[];