diff --git a/.changeset/dry-spiders-tell.md b/.changeset/dry-spiders-tell.md
new file mode 100644
index 00000000000..b07bd07ac90
--- /dev/null
+++ b/.changeset/dry-spiders-tell.md
@@ -0,0 +1,6 @@
+---
+"@hashicorp/design-system-components": minor
+---
+
+`AppHeader` - Refactored the Home Link, removed the `@ariaLabel` argument, added
+`@text` (should replace `@ariaLabel`) and `@isIconOnly` arguments.
diff --git a/packages/components/src/components/hds/app-header/home-link.hbs b/packages/components/src/components/hds/app-header/home-link.hbs
index 9235f453019..9521f6f6b45 100644
--- a/packages/components/src/components/hds/app-header/home-link.hbs
+++ b/packages/components/src/components/hds/app-header/home-link.hbs
@@ -14,7 +14,10 @@
   @href={{@href}}
   @isHrefExternal={{@isHrefExternal}}
   ...attributes
-  aria-label={{this.ariaLabel}}
+  aria-label={{if this.isIconOnly this.text null}}
 >
   <Hds::Icon @name={{@icon}} @color={{@color}} @stretched={{true}} />
+  {{#unless this.isIconOnly}}
+    <Hds::Text::Display @size="100" @color="foreground-high-contrast">{{this.text}}</Hds::Text::Display>
+  {{/unless}}
 </Hds::Interactive>
\ No newline at end of file
diff --git a/packages/components/src/components/hds/app-header/home-link.ts b/packages/components/src/components/hds/app-header/home-link.ts
index fcf3da1469d..bb53d175014 100644
--- a/packages/components/src/components/hds/app-header/home-link.ts
+++ b/packages/components/src/components/hds/app-header/home-link.ts
@@ -12,21 +12,37 @@ import type { HdsInteractiveSignature } from '../interactive/';
 export interface HdsAppHeaderHomeLinkSignature {
   Args: HdsInteractiveSignature['Args'] & {
     icon: HdsIconSignature['Args']['name'];
+    isIconOnly?: boolean;
     color?: string;
-    ariaLabel: string;
+    text: string;
   };
   Element: HdsInteractiveSignature['Element'];
 }
 
 export default class HdsAppHeaderHomeLink extends Component<HdsAppHeaderHomeLinkSignature> {
-  get ariaLabel(): string {
-    const { ariaLabel } = this.args;
+  get text(): string {
+    const { text } = this.args;
 
     assert(
-      '@ariaLabel for "Hds::AppHeader::HomeLink" ("Logo") must have a valid value',
-      ariaLabel !== undefined
+      '@text for "Hds::AppHeader::HomeLink" must have a valid value',
+      text !== undefined
     );
 
-    return ariaLabel;
+    return text;
+  }
+
+  get icon(): HdsIconSignature['Args']['name'] {
+    const { icon } = this.args;
+
+    assert(
+      '@icon name for "Hds::AppHeader::HomeLink" must be provided',
+      icon !== undefined
+    );
+
+    return icon;
+  }
+
+  get isIconOnly(): boolean {
+    return this.args.isIconOnly ?? true;
   }
 }
diff --git a/packages/components/src/styles/components/app-header.scss b/packages/components/src/styles/components/app-header.scss
index d0fe7094aee..298ef3c17e2 100644
--- a/packages/components/src/styles/components/app-header.scss
+++ b/packages/components/src/styles/components/app-header.scss
@@ -102,6 +102,7 @@
   .hds-app-header__utility-actions {
     display: flex;
     gap: inherit;
+    align-items: center;
   }
 
   // Dropdown & Button color theming overrides
@@ -144,12 +145,11 @@
 .hds-app-header__home-link {
   @include hds-interactive-dark-theme($add-visible-border: false);
   display: flex;
+  gap: 8px;
   align-items: center;
   justify-content: center;
-
-  // Set home link container size:
-  width: var(--token-app-header-home-link-size);
-  height: var(--token-app-header-home-link-size);
+  padding: 3px;
+  text-decoration: none;
 
   // disabled state:
   &:disabled,
diff --git a/showcase/app/components/mock/app/header/app-header.gts b/showcase/app/components/mock/app/header/app-header.gts
index e40f42b1cd2..528f41be5d6 100644
--- a/showcase/app/components/mock/app/header/app-header.gts
+++ b/showcase/app/components/mock/app/header/app-header.gts
@@ -46,7 +46,8 @@ export default class MockAppHeaderAppHeader extends Component<MockAppHeaderAppHe
       <:logo>
         <HdsAppHeaderHomeLink
           @icon="hashicorp"
-          @ariaLabel="HashiCorp home menu"
+          @text="HashiCorp home menu"
+          @isIconOnly={{true}}
           @href="#"
         />
       </:logo>
diff --git a/showcase/app/templates/components/app-header/index.hbs b/showcase/app/templates/components/app-header/index.hbs
index 17eaf5839c5..839b7c5d688 100644
--- a/showcase/app/templates/components/app-header/index.hbs
+++ b/showcase/app/templates/components/app-header/index.hbs
@@ -1,6 +1,6 @@
 {{!
-  Copyright (c) HashiCorp, Inc.
-  SPDX-License-Identifier: MPL-2.0
+Copyright (c) HashiCorp, Inc.
+SPDX-License-Identifier: MPL-2.0
 }}
 
 {{page-title "AppHeader Component"}}
@@ -14,8 +14,8 @@
 
   <Shw::Text::H3>With generic content</Shw::Text::H3>
 
-  <Shw::Grid @columns={{1}} {{style gap="2rem"}} as |SG|>
-    <SG.Item>
+  <Shw::Flex @direction="column" {{style gap="2rem"}} as |SF|>
+    <SF.Item>
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
           <Shw::Placeholder @height="2em" @width="auto" @text="Logo" />
@@ -32,18 +32,18 @@
           <Shw::Placeholder @height="2em" @width="auto" @text="UserMenu" />
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
-  </Shw::Grid>
+    </SF.Item>
+  </Shw::Flex>
 
   <Shw::Divider @level="2" />
 
   <Shw::Text::H3>With typical child component content</Shw::Text::H3>
 
-  <Shw::Grid @columns={{1}} {{style gap="3rem"}} as |SG|>
-    <SG.Item @label="With minimum recommended phase 1 content">
+  <Shw::Flex @direction="column" {{style gap="3rem"}} as |SF|>
+    <SF.Item @label="With minimum recommended phase 1 content">
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -75,12 +75,12 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
+    </SF.Item>
 
-    <SG.Item @label="With max recommended phase 1 content & Terraform logo">
+    <SF.Item @label="With max recommended phase 1 content & Terraform logo">
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="terraform" @ariaLabel="Terraform home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="terraform" @text="Terraform home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -114,12 +114,12 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
+    </SF.Item>
 
-    <SG.Item @label="With max proposed future content">
+    <SF.Item @label="With max proposed future content">
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -160,18 +160,18 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
-  </Shw::Grid>
+    </SF.Item>
+  </Shw::Flex>
 
   <Shw::Divider @level="2" />
 
   <Shw::Text::H3>With long content</Shw::Text::H3>
 
-  <Shw::Grid @columns={{1}} {{style gap="3rem"}} as |SG|>
-    <SG.Item @label="40 characters long organization name with dashes">
+  <Shw::Flex @direction="column" {{style gap="3rem"}} as |SF|>
+    <SF.Item @label="40 characters long organization name with dashes">
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -202,12 +202,12 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
+    </SF.Item>
 
-    <SG.Item @label="40 characters long organization name with no dashes">
+    <SF.Item @label="40 characters long organization name with no dashes">
       <Hds::AppHeader @hasA11yRefocus={{false}}>
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -238,18 +238,105 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
-  </Shw::Grid>
+    </SF.Item>
+  </Shw::Flex>
+
+  <Shw::Divider @level="2" />
+
+  <Shw::Text::H3>With text</Shw::Text::H3>
+
+  <Shw::Flex @direction="column" {{style gap="3rem"}} as |SF|>
+
+    <SF.Item>
+      <Hds::AppHeader @hasA11yRefocus={{false}}>
+        <:logo>
+          <Hds::AppHeader::HomeLink @icon="terraform" @text="Terraform Admin Console" @isIconOnly={{false}} @href="#" />
+        </:logo>
+        <:utilityActions>
+          <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
+            <dd.ToggleIcon @icon="user" @text="user menu" />
+            <dd.Title @text="Signed In" />
+            <dd.Description @text="email@domain.com" />
+            <dd.Interactive @href="#">Account Settings</dd.Interactive>
+          </Hds::Dropdown>
+        </:utilityActions>
+      </Hds::AppHeader>
+    </SF.Item>
+
+    <SF.Item>
+      <Hds::AppHeader @hasA11yRefocus={{false}}>
+        <:logo>
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="Admin UI" @isIconOnly={{false}} @href="#" />
+        </:logo>
+        <:globalActions>
+          <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
+            <dd.ToggleButton @text="Choose an organization" @icon="org" />
+            <dd.Checkmark>
+              organizationName
+            </dd.Checkmark>
+          </Hds::Dropdown>
+        </:globalActions>
+        <:utilityActions>
+          <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
+            <dd.ToggleIcon @icon="help" @text="help menu" />
+            <dd.Title @text="Help & Support" />
+            <dd.Interactive @href="#">Documentation</dd.Interactive>
+            <dd.Interactive @href="#">Tutorials</dd.Interactive>
+            <dd.Interactive @href="#">Terraform Provider</dd.Interactive>
+            <dd.Interactive @href="#">Changelog</dd.Interactive>
+            <dd.Separator />
+            <dd.Interactive @href="#">Create support ticket</dd.Interactive>
+            <dd.Interactive @href="#">Give feedback</dd.Interactive>
+          </Hds::Dropdown>
+
+          <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
+            <dd.ToggleIcon @icon="user" @text="user menu" />
+            <dd.Title @text="Signed In" />
+            <dd.Description @text="email@domain.com" />
+            <dd.Interactive @href="#">Account Settings</dd.Interactive>
+          </Hds::Dropdown>
+        </:utilityActions>
+      </Hds::AppHeader>
+    </SF.Item>
+
+    <SF.Item>
+      <Hds::AppHeader @hasA11yRefocus={{false}}>
+        <:logo>
+          <Hds::AppHeader::HomeLink @icon="boundary-color" @text="Boundary Desktop" @isIconOnly={{false}} @href="#" />
+        </:logo>
+        <:utilityActions>
+          <Hds::Button @color="secondary" @icon="search" @isIconOnly={{true}} @text="Search" />
+        </:utilityActions>
+      </Hds::AppHeader>
+    </SF.Item>
+
+    <SF.Item>
+      <Hds::AppHeader @hasA11yRefocus={{false}}>
+        <:logo>
+          <Hds::AppHeader::HomeLink
+            @icon="hashicorp"
+            @text="HashiCorp Cloud Platform"
+            @isIconOnly={{false}}
+            @href="#"
+          />
+        </:logo>
+        <:globalActions>
+          <Hds::Badge @text="Assuming Role: Admin" @color="highlight" @icon="eye" @type="filled" />
+        </:globalActions>
+      </Hds::AppHeader>
+    </SF.Item>
+
+  </Shw::Flex>
 
   <Shw::Divider />
 
   <Shw::Text::H2>Options</Shw::Text::H2>
 
-  <Shw::Grid @columns={{1}} {{style gap="3rem"}} as |SG|>
-    <SG.Item @label="With custom breakpoint (menu button is visible at wide screen width)">
+  <Shw::Grid @columns={{1}} {{style gap="3rem"}} as |SF|>
+    <SF.Item @label="With custom breakpoint (menu button is visible at wide screen width)">
       <Hds::AppHeader @hasA11yRefocus={{false}} @breakpoint="20000px">
         <:logo>
-          <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp home menu" @href="#" />
+          <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp home menu" @href="#" />
         </:logo>
         <:globalActions>
           <Hds::Dropdown @enableCollisionDetection={{true}} as |dd|>
@@ -281,13 +368,12 @@
           </Hds::Dropdown>
         </:utilityActions>
       </Hds::AppHeader>
-    </SG.Item>
+    </SF.Item>
   </Shw::Grid>
 
   <Shw::Divider />
-</section>
 
-<Shw::Divider />
+</section>
 
 {{! For some reason, Ember tests don't play well with iframes (URL not found) so we can't take snapshots of these examples in Percy }}
 <section>
@@ -337,14 +423,14 @@
 
   <Shw::Text::H2>Base elements</Shw::Text::H2>
 
-  <Shw::Text::H3>SideNav::Header::HomeLink</Shw::Text::H3>
+  <Shw::Text::H3>AppHeader::HomeLink</Shw::Text::H3>
 
   <Shw::Text::H4>Content</Shw::Text::H4>
 
   <Shw::Flex as |SF|>
     <SF.Item @label="Icon">
       <div class="hds-app-header">
-        <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp" @href="#" />
+        <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp" @href="#" />
       </div>
     </SF.Item>
 
@@ -352,7 +438,7 @@
       <div class="hds-app-header">
         <Hds::AppHeader::HomeLink
           @icon="boundary"
-          @ariaLabel="Boundary"
+          @text="Boundary"
           @color="var(--token-color-boundary-brand)"
           @href="#"
         />
@@ -360,14 +446,42 @@
     </SF.Item>
   </Shw::Flex>
 
+  <Shw::Text::H4>With text</Shw::Text::H4>
+
+  <Shw::Flex as |SF|>
+    <SF.Item>
+      <div class="hds-app-header">
+        <Hds::AppHeader::HomeLink
+          @icon="hashicorp"
+          @text="HashiCorp"
+          @isIconOnly={{false}}
+          @href="#"
+          @title="Admin UI"
+        />
+      </div>
+    </SF.Item>
+
+    <SF.Item>
+      <div class="hds-app-header">
+        <Hds::AppHeader::HomeLink
+          @icon="terraform"
+          @text="Terraform"
+          @href="#"
+          @isIconOnly={{false}}
+          @title="Terraform Admin Console"
+        />
+      </div>
+    </SF.Item>
+  </Shw::Flex>
+
   <Shw::Text::H4>States</Shw::Text::H4>
 
   <Shw::Flex as |SF|>
-    {{#let (array "default" "hover" "active" "focus" "disabled") as |states|}}
+    {{#let (array "default" "hover" "active" "focus") as |states|}}
       {{#each states as |state|}}
         <SF.Item @label={{state}}>
           <div class="hds-app-header">
-            <Hds::AppHeader::HomeLink @icon="hashicorp" @ariaLabel="HashiCorp" @href="#" mock-state-value={{state}} />
+            <Hds::AppHeader::HomeLink @icon="hashicorp" @text="HashiCorp" @href="#" mock-state-value={{state}} />
           </div>
         </SF.Item>
       {{/each}}
@@ -375,13 +489,13 @@
   </Shw::Flex>
 
   <Shw::Flex as |SF|>
-    {{#let (array "default" "hover" "active" "focus" "disabled") as |states|}}
+    {{#let (array "default" "hover" "active" "focus") as |states|}}
       {{#each states as |state|}}
         <SF.Item>
           <div class="hds-app-header">
             <Hds::AppHeader::HomeLink
               @icon="boundary"
-              @ariaLabel="Boundary"
+              @text="Boundary"
               @color="var(--token-color-boundary-brand)"
               @href="#"
               mock-state-value={{state}}
@@ -392,6 +506,24 @@
     {{/let}}
   </Shw::Flex>
 
+  <Shw::Flex as |SF|>
+    {{#let (array "default" "hover" "active" "focus") as |states|}}
+      {{#each states as |state|}}
+        <SF.Item @label={{state}}>
+          <div class="hds-app-header">
+            <Hds::AppHeader::HomeLink
+              @icon="terraform"
+              @text="Terraform Admin Console"
+              @isIconOnly={{false}}
+              @href="#"
+              mock-state-value={{state}}
+            />
+          </div>
+        </SF.Item>
+      {{/each}}
+    {{/let}}
+  </Shw::Flex>
+
   <Shw::Divider @level="2" />
 
   <Shw::Text::H3>Buttons within AppHeader</Shw::Text::H3>
@@ -421,20 +553,20 @@
 
   <Shw::Text::H4>States</Shw::Text::H4>
 
-  <Shw::Grid @columns="6" class="shw-component-dropdown-states-matrix" as |SG|>
+  <Shw::Grid @columns="6" class="shw-component-dropdown-states-matrix" as |SF|>
     {{! Notice: we use a non-standard way to showcase the states to reduce the (visual) complexity of this matrix }}
     {{#each @model.TOGGLE_STATES as |state|}}
-      <SG.Item>
+      <SF.Item>
         <span class="shw-label">{{capitalize state}}</span>
-      </SG.Item>
+      </SF.Item>
     {{/each}}
-    <SG.Item>
+    <SF.Item>
       <span class="shw-label">Open</span>
-    </SG.Item>
+    </SF.Item>
 
     {{#each @model.TOGGLE_BUTTON_COLORS as |color|}}
       {{#each @model.TOGGLE_STATES as |state|}}
-        <SG.Item @label="{{capitalize color}}">
+        <SF.Item @label="{{capitalize color}}">
           {{#if (eq state "disabled")}}
             <div class="hds-app-header">
               <Hds::Dropdown::Toggle::Button @text="Lorem ipsum" @color={{color}} disabled />
@@ -444,17 +576,17 @@
               <Hds::Dropdown::Toggle::Button @text="Lorem ipsum" @color={{color}} mock-state-value={{state}} />
             </div>
           {{/if}}
-        </SG.Item>
+        </SF.Item>
       {{/each}}
 
-      <SG.Item @label="{{capitalize color}}">
+      <SF.Item @label="{{capitalize color}}">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Button @text="Lorem ipsum" @isOpen={{true}} @color={{color}} />
         </div>
-      </SG.Item>
+      </SF.Item>
 
       {{#each @model.TOGGLE_STATES as |state|}}
-        <SG.Item @label="With icon">
+        <SF.Item @label="With icon">
           {{#if (eq state "disabled")}}
             <div class="hds-app-header">
               <Hds::Dropdown::Toggle::Button @icon="hexagon" @text="Lorem" @color={{color}} disabled />
@@ -469,17 +601,17 @@
               />
             </div>
           {{/if}}
-        </SG.Item>
+        </SF.Item>
       {{/each}}
 
-      <SG.Item @label="With icon">
+      <SF.Item @label="With icon">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Button @icon="hexagon" @text="Lorem" @isOpen={{true}} @color={{color}} />
         </div>
-      </SG.Item>
+      </SF.Item>
 
       {{#each @model.TOGGLE_STATES as |state|}}
-        <SG.Item @label="With count">
+        <SF.Item @label="With count">
           {{#if (eq state "disabled")}}
             <div class="hds-app-header">
               <Hds::Dropdown::Toggle::Button @count="12" @text="Lorem" @color={{color}} disabled />
@@ -489,17 +621,17 @@
               <Hds::Dropdown::Toggle::Button @count="12" @text="Lorem" @color={{color}} mock-state-value={{state}} />
             </div>
           {{/if}}
-        </SG.Item>
+        </SF.Item>
       {{/each}}
 
-      <SG.Item @label="With count">
+      <SF.Item @label="With count">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Button @count="12" @text="Lorem" @isOpen={{true}} @color={{color}} />
         </div>
-      </SG.Item>
+      </SF.Item>
 
       {{#each @model.TOGGLE_STATES as |state|}}
-        <SG.Item @label="With badge">
+        <SF.Item @label="With badge">
           {{#if (eq state "disabled")}}
             <div class="hds-app-header">
               <Hds::Dropdown::Toggle::Button
@@ -521,10 +653,10 @@
               />
             </div>
           {{/if}}
-        </SG.Item>
+        </SF.Item>
       {{/each}}
 
-      <SG.Item @label="With badge">
+      <SF.Item @label="With badge">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Button
             @badge="Sit"
@@ -534,11 +666,11 @@
             @color={{color}}
           />
         </div>
-      </SG.Item>
+      </SF.Item>
     {{/each}}
 
     {{#each @model.TOGGLE_STATES as |state|}}
-      <SG.Item @label="Icon">
+      <SF.Item @label="Icon">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Icon
             @icon="more-horizontal"
@@ -547,9 +679,9 @@
             mock-state-value={{state}}
           />
         </div>
-      </SG.Item>
+      </SF.Item>
     {{/each}}
-    <SG.Item @label="Icon">
+    <SF.Item @label="Icon">
       <div class="hds-app-header">
         <Hds::Dropdown::Toggle::Icon
           @icon="more-horizontal"
@@ -558,24 +690,24 @@
           @isOpen={{true}}
         />
       </div>
-    </SG.Item>
+    </SF.Item>
 
     {{#each @model.TOGGLE_STATES as |state|}}
-      <SG.Item @label="Icon+chevron">
+      <SF.Item @label="Icon+chevron">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Icon @icon="user" @text={{state}} mock-state-value={{state}} />
         </div>
-      </SG.Item>
+      </SF.Item>
     {{/each}}
 
-    <SG.Item @label="Icon+chevron">
+    <SF.Item @label="Icon+chevron">
       <div class="hds-app-header">
         <Hds::Dropdown::Toggle::Icon @icon="user" @text="open" @isOpen={{true}} />
       </div>
-    </SG.Item>
+    </SF.Item>
 
     {{#each @model.TOGGLE_STATES as |state|}}
-      <SG.Item @label="Avatar+chevron">
+      <SF.Item @label="Avatar+chevron">
         <div class="hds-app-header">
           <Hds::Dropdown::Toggle::Icon
             @text={{state}}
@@ -583,16 +715,16 @@
             mock-state-value={{state}}
           />
         </div>
-      </SG.Item>
+      </SF.Item>
     {{/each}}
 
-    <SG.Item @label="Avatar+chevron">
+    <SF.Item @label="Avatar+chevron">
       <div class="hds-app-header">
         <Hds::Dropdown::Toggle::Icon @text="open" @isOpen={{true}} @imageSrc="/assets/images/avatar.png" />
       </div>
-    </SG.Item>
+    </SF.Item>
 
-    <SG.Item @label="With nested content" {{style padding-bottom="11em"}}>
+    <SF.Item @label="With nested content" {{style padding-bottom="11em"}}>
       <div class="hds-app-header">
         <Hds::Dropdown @height="284px" @listPosition="bottom-left" @isOpen={{true}} as |D|>
           <D.ToggleIcon @icon="help" @text="help menu" />
@@ -620,6 +752,6 @@
           </D.Footer>
         </Hds::Dropdown>
       </div>
-    </SG.Item>
+    </SF.Item>
   </Shw::Grid>
 </section>
\ No newline at end of file
diff --git a/showcase/tests/integration/components/hds/app-header/home-link-test.js b/showcase/tests/integration/components/hds/app-header/home-link-test.js
index 7a7de5238f1..e35487b1216 100644
--- a/showcase/tests/integration/components/hds/app-header/home-link-test.js
+++ b/showcase/tests/integration/components/hds/app-header/home-link-test.js
@@ -19,7 +19,7 @@ module('Integration | Component | hds/app-header/home-link', function (hooks) {
     await render(
       hbs`<Hds::AppHeader::HomeLink
   @icon='hashicorp'
-  @ariaLabel='HashiCorp'
+  @text='HashiCorp'
   id='test-home-link'
 />`,
     );
@@ -32,7 +32,7 @@ module('Integration | Component | hds/app-header/home-link', function (hooks) {
     await render(
       hbs`<Hds::AppHeader::HomeLink
   @icon='hashicorp'
-  @ariaLabel='HashiCorp'
+  @text='HashiCorp'
   @href='https://www.hashicorp.com/'
   id='test-home-link'
 />`,
@@ -48,7 +48,7 @@ module('Integration | Component | hds/app-header/home-link', function (hooks) {
     await render(
       hbs`<Hds::AppHeader::HomeLink
   @icon='boundary'
-  @ariaLabel='Boundary'
+  @text='Boundary'
   @color='var(--token-color-boundary-brand)'
   @href='#'
 />`,
@@ -58,11 +58,24 @@ module('Integration | Component | hds/app-header/home-link', function (hooks) {
       .hasAttribute('fill', 'var(--token-color-boundary-brand)');
   });
 
+  test('it renders the logo with text when @isIconOnly is false', async function (assert) {
+    await render(
+      hbs`<Hds::AppHeader::HomeLink
+  @icon='hashicorp'
+  @text='HashiCorp'
+  @isIconOnly={{false}}
+  @href='#'
+  id='test-home-link'
+/>`,
+    );
+    assert.dom('.hds-text').exists();
+  });
+
   // ASSERTIONS
 
-  test('it should throw an assertion if @ariaLabel is missing/has no value', async function (assert) {
+  test('it should throw an assertion if @text is missing/has no value', async function (assert) {
     const errorMessage =
-      '@ariaLabel for "Hds::AppHeader::HomeLink" ("Logo") must have a valid value';
+      '@text for "Hds::AppHeader::HomeLink" must have a valid value';
     assert.expect(2);
     setupOnerror(function (error) {
       assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);