diff --git a/packages/Layout/header/src/Title/Title.stories.tsx b/packages/Layout/header/src/HeaderTitle/HeaderTitle.stories.tsx
similarity index 85%
rename from packages/Layout/header/src/Title/Title.stories.tsx
rename to packages/Layout/header/src/HeaderTitle/HeaderTitle.stories.tsx
index 0702450e6..c08f30ac3 100644
--- a/packages/Layout/header/src/Title/Title.stories.tsx
+++ b/packages/Layout/header/src/HeaderTitle/HeaderTitle.stories.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Meta } from '@storybook/react';
 import Action from '@axa-fr/react-toolkit-action';
-import Title from './Title';
+import HeaderTitle from './HeaderTitle';
 import readme from '../../README.md';
 
 export default {
-  title: 'Structure/Title Bar',
-  component: Title,
+  title: 'Structure/Header/HeaderTitle',
+  component: HeaderTitle,
   parameters: {
     readme: {
       sidebar: readme,
@@ -31,7 +31,7 @@ const actions = [
   },
 ];
 
-export const Default = (args) => <Title {...args} />;
+export const Default = (args) => <HeaderTitle {...args} />;
 Default.args = {
   title: 'Toolkit Axa',
   subtitle: 'Info complémentaire',
@@ -42,7 +42,7 @@ Default.argTypes = {
 };
 
 export const Complex = (args) => (
-  <Title {...args}>
+  <HeaderTitle {...args}>
     <div className="af-title-bar__actions">
       <a className="af-title-bar__link" href="#lien" title="lien titlebar">
         lien titlebar
@@ -59,7 +59,7 @@ export const Complex = (args) => (
         />
       ))}
     </div>
-  </Title>
+  </HeaderTitle>
 );
 Complex.args = {
   ...Default.args,
diff --git a/packages/Layout/header/src/Title/Title.tsx b/packages/Layout/header/src/HeaderTitle/HeaderTitle.tsx
similarity index 97%
rename from packages/Layout/header/src/Title/Title.tsx
rename to packages/Layout/header/src/HeaderTitle/HeaderTitle.tsx
index 73d289e88..563f1f098 100644
--- a/packages/Layout/header/src/Title/Title.tsx
+++ b/packages/Layout/header/src/HeaderTitle/HeaderTitle.tsx
@@ -14,7 +14,7 @@ type Props = {
   classModifier?: string;
   isSticky?: boolean;
 };
-const Title = ({
+const HeaderTitle = ({
   title,
   subtitle,
   children,
@@ -64,4 +64,4 @@ const Title = ({
   );
 };
 
-export default Title;
+export default HeaderTitle;
diff --git a/packages/Layout/header/src/HeaderTitle/index.tsx b/packages/Layout/header/src/HeaderTitle/index.tsx
new file mode 100644
index 000000000..e3e3dd6a9
--- /dev/null
+++ b/packages/Layout/header/src/HeaderTitle/index.tsx
@@ -0,0 +1 @@
+export { default as HeaderTitle } from './HeaderTitle';
diff --git a/packages/Layout/header/src/Title/title-bar.scss b/packages/Layout/header/src/HeaderTitle/title-bar.scss
similarity index 100%
rename from packages/Layout/header/src/Title/title-bar.scss
rename to packages/Layout/header/src/HeaderTitle/title-bar.scss
diff --git a/packages/Layout/header/src/MenuTitleWrapper.stories.tsx b/packages/Layout/header/src/MenuTitleWrapper.stories.tsx
index f884e4481..355fae062 100644
--- a/packages/Layout/header/src/MenuTitleWrapper.stories.tsx
+++ b/packages/Layout/header/src/MenuTitleWrapper.stories.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Meta } from '@storybook/react';
 import { NavBar, NavBarItem } from './NavBar';
-import { Title } from './Title';
+import { HeaderTitle } from './HeaderTitle';
 
 export default {
   title: 'Structure/Header/MenuTitleWrapper',
@@ -151,7 +151,7 @@ const MenuTitleWrapper = () => {
           />
         </NavBarItem>
       </NavBar>
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Sous titre"
         toggleMenu={handleClick}
diff --git a/packages/Layout/header/src/Title/index.tsx b/packages/Layout/header/src/Title/index.tsx
deleted file mode 100644
index 7026b1a75..000000000
--- a/packages/Layout/header/src/Title/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Title } from './Title';
diff --git a/packages/Layout/header/src/__tests__/Title.spec.tsx b/packages/Layout/header/src/__tests__/HeaderTitle.spec.tsx
similarity index 61%
rename from packages/Layout/header/src/__tests__/Title.spec.tsx
rename to packages/Layout/header/src/__tests__/HeaderTitle.spec.tsx
index cfad71d36..77d7ecc87 100644
--- a/packages/Layout/header/src/__tests__/Title.spec.tsx
+++ b/packages/Layout/header/src/__tests__/HeaderTitle.spec.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import { Title } from '../Title/index';
+import { HeaderTitle } from '../HeaderTitle/index';
 
-describe('<Title>', () => {
-  it('renders Title correctly', () => {
+describe('<HeaderTitle>', () => {
+  it('renders HeaderTitle correctly', () => {
     const { asFragment } = render(
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Info complémentaire"
         toggleMenu={() => null}
@@ -14,16 +14,16 @@ describe('<Title>', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 
-  it('renders Title correctly without menu', () => {
+  it('renders HeaderTitle correctly without menu', () => {
     const { asFragment } = render(
-      <Title title="Toolkit Axa" subtitle="Info complémentaire" />
+      <HeaderTitle title="Toolkit Axa" subtitle="Info complémentaire" />
     );
     expect(asFragment()).toMatchSnapshot();
   });
 
-  it('renders Title with classModifier', () => {
+  it('renders HeaderTitle with classModifier', () => {
     const { asFragment } = render(
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Info complémentaire"
         classModifier="test"
diff --git a/packages/Layout/header/src/__tests__/__snapshots__/Title.spec.tsx.snap b/packages/Layout/header/src/__tests__/__snapshots__/HeaderTitle.spec.tsx.snap
similarity index 88%
rename from packages/Layout/header/src/__tests__/__snapshots__/Title.spec.tsx.snap
rename to packages/Layout/header/src/__tests__/__snapshots__/HeaderTitle.spec.tsx.snap
index 488eebac9..73e6e4b5f 100644
--- a/packages/Layout/header/src/__tests__/__snapshots__/Title.spec.tsx.snap
+++ b/packages/Layout/header/src/__tests__/__snapshots__/HeaderTitle.spec.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Title> renders Title correctly 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle correctly 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--sticky"
@@ -41,7 +41,7 @@ exports[`<Title> renders Title correctly 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Title> renders Title correctly without menu 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle correctly without menu 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--sticky"
@@ -64,7 +64,7 @@ exports[`<Title> renders Title correctly without menu 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Title> renders Title with classModifier 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle with classModifier 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--test af-title-bar--sticky"
diff --git a/packages/Layout/header/src/index.ts b/packages/Layout/header/src/index.ts
index 93d7ff5cb..3c009548c 100644
--- a/packages/Layout/header/src/index.ts
+++ b/packages/Layout/header/src/index.ts
@@ -8,6 +8,6 @@ export {
   NavBarItemBase,
   NavBarItemLink,
 } from './NavBar';
-export { Title } from './Title';
+export { HeaderTitle } from './HeaderTitle';
 export { default as ToggleButton } from './ToggleButton';
 export { User } from './User';
diff --git a/packages/all/src/layout-header.ts b/packages/all/src/layout-header.ts
index 68b552bdc..6c96bba1a 100644
--- a/packages/all/src/layout-header.ts
+++ b/packages/all/src/layout-header.ts
@@ -7,7 +7,7 @@ export {
   NavBarItem,
   NavBarItemBase,
   NavBarItemLink,
-  Title as HeaderTitle,
+  HeaderTitle,
   ToggleButton,
   User,
 } from '@axa-fr/react-toolkit-layout-header';