diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor
index 87718be..8b7779d 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor
@@ -1,5 +1,6 @@
 ﻿@page "/Games"
 @using GameIdeas.BlazorApp.Layouts
+@using GameIdeas.BlazorApp.Pages.Games.Header
 @using GameIdeas.BlazorApp.Shared.Components
 @using GameIdeas.BlazorApp.Shared.Headers
 @using GameIdeas.Resources
@@ -9,7 +10,5 @@
 <PageTitle>@ResourcesKey.GamesIdeas</PageTitle>
 
 <HeaderBase>
-    <Body>
-        <div>PROUT</div>
-    </Body>
+    <HeaderGame />
 </HeaderBase>
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor
new file mode 100644
index 0000000..afd8803
--- /dev/null
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor
@@ -0,0 +1,4 @@
+﻿@using GameIdeas.BlazorApp.Shared.Headers
+@inherits HeaderBaseComponent
+
+
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.cs
new file mode 100644
index 0000000..f58f625
--- /dev/null
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.cs
@@ -0,0 +1,8 @@
+using GameIdeas.BlazorApp.Shared.Headers;
+
+namespace GameIdeas.BlazorApp.Pages.Games.Header;
+
+public partial class HeaderGame : HeaderBaseComponent
+{
+
+}
\ No newline at end of file
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.css
new file mode 100644
index 0000000..5f28270
--- /dev/null
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Header/HeaderGame.razor.css
@@ -0,0 +1 @@
+﻿
\ No newline at end of file
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor
index d6c82f0..71f784f 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor
@@ -8,7 +8,7 @@
         <img src="icon.png" alt="Game Ideas">        
     </div>
 
-    @Body
+    @Header
 
     <div class="account-add-container">
         <div class="add-container">
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs
index 722958a..181a72e 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs
@@ -7,7 +7,7 @@ namespace GameIdeas.BlazorApp.Shared.Headers;
 
 public partial class HeaderBase
 {
-    [Parameter] public RenderFragment? Body { get; set; }
+    [Parameter] public HeaderBaseComponent? Header { get; set; }
     [Parameter] public EventCallback<AddType> AddTypeChanged { get; set; }
 
     private DropdownContent<AddTypeParams>? DropdownAdd;
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBaseComponent.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBaseComponent.cs
new file mode 100644
index 0000000..79f09b8
--- /dev/null
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBaseComponent.cs
@@ -0,0 +1,5 @@
+﻿using Microsoft.AspNetCore.Components;
+
+namespace GameIdeas.BlazorApp.Shared.Headers;
+
+public class HeaderBaseComponent : ComponentBase;
