diff --git a/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
index e34b0d906b..bafddc24b0 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
@@ -6,7 +6,11 @@ const elementName = 'umb-help-header-app';
 @customElement(elementName)
 export class UmbHelpHeaderAppElement extends UmbHeaderAppButtonElement {
 	override render() {
-		return html` <div>My Header App</div> `;
+		return html`
+			<uui-button look="primary" label="help" compact>
+				<uui-icon name="icon-help-alt"></uui-icon>
+			</uui-button>
+		`;
 	}
 
 	static override styles: CSSResultGroup = [UmbHeaderAppButtonElement.styles, css``];