diff --git a/libs/components/src/anon-layout/anon-layout-wrapper.component.html b/libs/components/src/anon-layout/anon-layout-wrapper.component.html
index 07bc635986c..1079329448b 100644
--- a/libs/components/src/anon-layout/anon-layout-wrapper.component.html
+++ b/libs/components/src/anon-layout/anon-layout-wrapper.component.html
@@ -7,7 +7,7 @@
   [hideCardWrapper]="hideCardWrapper"
   [hideBackgroundIllustration]="hideBackgroundIllustration"
 >
-  <router-outlet slot="headerActions" name="headerActions"></router-outlet>
+  <router-outlet slot="header-actions" name="header-actions"></router-outlet>
   <router-outlet></router-outlet>
   <router-outlet slot="secondary" name="secondary"></router-outlet>
   <router-outlet slot="environment-selector" name="environment-selector"></router-outlet>
diff --git a/libs/components/src/anon-layout/anon-layout-wrapper.stories.ts b/libs/components/src/anon-layout/anon-layout-wrapper.stories.ts
index 2a84d5be038..63181e04649 100644
--- a/libs/components/src/anon-layout/anon-layout-wrapper.stories.ts
+++ b/libs/components/src/anon-layout/anon-layout-wrapper.stories.ts
@@ -183,7 +183,7 @@ export const DefaultContentExample: Story = {
               {
                 path: "",
                 component: DefaultHeaderActionsOutletExampleComponent,
-                outlet: "headerActions",
+                outlet: "header-actions",
               },
             ],
           },
diff --git a/libs/components/src/anon-layout/anon-layout.component.html b/libs/components/src/anon-layout/anon-layout.component.html
index 5bc6b111160..bad635a05c3 100644
--- a/libs/components/src/anon-layout/anon-layout.component.html
+++ b/libs/components/src/anon-layout/anon-layout.component.html
@@ -14,7 +14,7 @@
       <bit-icon [icon]="logo" [ariaLabel]="'appLogoLabel' | i18n"></bit-icon>
     </a>
     <div class="tw-ms-auto">
-      <ng-content select="[slot=headerActions]"></ng-content>
+      <ng-content select="[slot=header-actions]"></ng-content>
     </div>
   </div>
 
diff --git a/libs/components/src/anon-layout/anon-layout.stories.ts b/libs/components/src/anon-layout/anon-layout.stories.ts
index e5ec5cf6228..13831e20384 100644
--- a/libs/components/src/anon-layout/anon-layout.stories.ts
+++ b/libs/components/src/anon-layout/anon-layout.stories.ts
@@ -78,7 +78,7 @@ export default {
           [hideFooter]="hideFooter"
           [hideBackgroundIllustration]="hideBackgroundIllustration"
         >
-          <div *ngIf="includeHeaderActions" slot="headerActions" class="tw-flex tw-items-center tw-gap-2">
+          <div *ngIf="includeHeaderActions" slot="header-actions" class="tw-flex tw-items-center tw-gap-2">
             <bit-avatar
               size="small"
               text="Bob Loblaw"