Icu 11937 foundation components retire rose typography styles (#2810)

* refactor: 💡 update _typography stylesheet

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 update header margin styles into single rule

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 add remove-header-margin class

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 remove 'header' class

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* test: 💍 fix failing tests for branded-card in desktop

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 update style rule to use :where()

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 rename remove-header-margin to remove-margin

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

* refactor: 💡 update style comment

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937

addons/core/tests/dummy/app/templates/smoke-test.hbs

@@ -9,7 +9,7 @@
   Ember can start up and basic features work as intended.
 </Hds::Text::Body>
 
-<Hds::Text::Display @tag='h2'>{{t
+<Hds::Text::Display @tag='h2' class='remove-margin'>{{t
     'resources.account.title'
   }}</Hds::Text::Display>
 <Hds::Text::Body @tag='p'>{{t

addons/rose/addon/styles/hds/overrides.scss

@@ -3,6 +3,12 @@
  * SPDX-License-Identifier: BUSL-1.1
  */
 
+// header margin override (HDS leaves this to implementers)
+:where(h1, h2, h3, h4, h5, h6)[class*='hds-typography-display-'] {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
+
 // field and button bottom margin (HDS leaves this to implementers)
 form {
   [class*='hds-form-field--layout'],

addons/rose/app/styles/rose/_typography.scss

@@ -12,60 +12,27 @@ html {
 }
 
 body {
+  // Used by Rose::Tabs and '/' in breadcrumbs
+  // and link list panel
   font-family: typography.$family-primary;
 
-  // This is the only time we'll explicitly use pixels.  All other sizes are
-  // expressed in rem units.
-  font-size: typography.$base-font-size * 1px;
+  // these 3 are used across the app
   line-height: typography.line-height(m);
   color: var(--stark);
   background-color: var(--subtle);
 }
 
-input,
-textarea,
-button {
-  font-family: typography.$family-primary;
+// Many elements get margin by default
+// but if we want to remove it we can use this class
+.remove-margin {
+  margin: 0;
 }
 
-pre,
-code {
-  font-family: typography.$family-monospace;
-}
-
-h1,
-.h1 {
-  @include type-mixins.type(h1, bold);
-
-  margin-top: sizing.rems(m);
-  margin-bottom: sizing.rems(xs);
-}
-
-h2,
-.h2 {
-  @include type-mixins.type(h2, bold);
-
-  margin-top: sizing.rems(m);
-  margin-bottom: sizing.rems(xs);
-}
-
-h3,
-.h3 {
-  @include type-mixins.type(h3, bold);
-
-  margin-top: sizing.rems(m);
-  margin-bottom: sizing.rems(xs);
-}
-
-p,
 .p {
   margin-bottom: sizing.rems(m);
 }
 
+// once we move to Hds::Link::Standalone we can remove this
 a {
   color: var(--action);
 }
-
-time {
-  font-variant-numeric: tabular-nums;
-}

ui/admin/app/components/auth-methods/auth-method/accounts/account/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.account.title'}}
   <DocLink @doc='account' />
 </Hds::Text::Display>

ui/admin/app/components/auth-methods/auth-method/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.auth-method.title'}}
   {{#if @model.isPrimary}}
     &nbsp;

ui/admin/app/components/auth-methods/auth-method/managed-groups/managed-group/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.managed-group.title'}}
   <DocLink @doc='managed-groups' />
 </Hds::Text::Display>

ui/admin/app/components/credential-stores/credential-store/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.credential-store.title'}}
   <DocLink @doc='credential-store' />
 </Hds::Text::Display>

ui/admin/app/components/form/account/ldap/index.hbs

@@ -79,7 +79,13 @@
 
       <F.Control>
         <div class='ldap-section'>
-          <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+          <Hds::Text::Display
+            @tag='h3'
+            @size='300'
+            @weight='bold'
+            class='remove-margin'
+          >
+            {{t 'resources.account.title'}}
             {{t 'form.other_fields.label'}}
           </Hds::Text::Display>
           <Hds::Form::HelperText @controlId='helper-text-for-section'>{{t

ui/admin/app/components/form/auth-method/ldap/index.hbs

@@ -47,7 +47,13 @@
   </Hds::Form::Textarea::Field>
 
   <div class='ldap-section'>
-    <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+    <Hds::Text::Display
+      @tag='h3'
+      @size='300'
+      @weight='bold'
+      class='remove-margin'
+    >
+      {{t 'resources.account.title'}}
       {{t 'resources.auth-method.section.connection.title'}}
     </Hds::Text::Display>
     <Hds::Form::HelperText @controlId='for-connection'>{{t
@@ -215,7 +221,13 @@
   </Hds::Form::Toggle::Field>
 
   <div class='ldap-section'>
-    <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+    <Hds::Text::Display
+      @tag='h3'
+      @size='300'
+      @weight='bold'
+      class='remove-margin'
+    >
+      {{t 'resources.account.title'}}
       {{t 'resources.auth-method.section.authenticated-search.title'}}
     </Hds::Text::Display>
     <Hds::Form::HelperText @controlId='for-authenticated-search'>{{t
@@ -294,7 +306,13 @@
   </Hds::Form::TextInput::Field>
 
   <div class='ldap-section'>
-    <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+    <Hds::Text::Display
+      @tag='h3'
+      @size='300'
+      @weight='bold'
+      class='remove-margin'
+    >
+      {{t 'resources.account.title'}}
       {{t 'resources.auth-method.section.anonymous-search.title'}}
     </Hds::Text::Display>
     <Hds::Form::HelperText @controlId='for-anonymous-search'>{{t
@@ -331,7 +349,13 @@
   </Hds::Form::Toggle::Field>
 
   <div class='ldap-section'>
-    <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+    <Hds::Text::Display
+      @tag='h3'
+      @size='300'
+      @weight='bold'
+      class='remove-margin'
+    >
+      {{t 'resources.account.title'}}
       {{t 'resources.auth-method.section.user-entries.title'}}
     </Hds::Text::Display>
     <Hds::Form::HelperText @controlId='for-user-entries'>{{t
@@ -423,7 +447,13 @@
   </Form::Field::ListWrapper>
 
   <div class='ldap-section'>
-    <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
+    <Hds::Text::Display
+      @tag='h3'
+      @size='300'
+      @weight='bold'
+      class='remove-margin'
+    >
+      {{t 'resources.account.title'}}
       {{t 'resources.auth-method.section.group-entries.title'}}
     </Hds::Text::Display>
     <Hds::Form::HelperText @controlId='for-group-entries'>{{t

ui/admin/app/components/form/scope/add-storage-policy/create.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.titles.new'}}</Hds::Text::Display>
   </page.header>
 

ui/admin/app/components/form/worker/create-worker-led/index.hbs

@@ -9,12 +9,7 @@
   @showEditToggle={{false}}
   as |form|
 >
-  <Hds::Text::Display
-    @tag='h3'
-    @size='300'
-    @weight='bold'
-    class='header-spacing'
-  >
+  <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
     {{t 'resources.worker.form.steps.1.title'}}
   </Hds::Text::Display>
   <div class='worker-create-section'>
@@ -186,12 +181,7 @@
     </Hds::Text::Body>
   </div>
 
-  <Hds::Text::Display
-    @tag='h3'
-    @size='300'
-    @weight='bold'
-    class='header-spacing'
-  >
+  <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
     {{t 'resources.worker.form.steps.2.title'}}
   </Hds::Text::Display>
   <div class='worker-create-section'>
@@ -216,12 +206,7 @@
     </Hds::Text::Body>
   </div>
 
-  <Hds::Text::Display
-    @tag='h3'
-    @size='300'
-    @weight='bold'
-    class='header-spacing'
-  >
+  <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>
     {{t 'resources.worker.form.steps.3.title'}}
   </Hds::Text::Display>
   <div class='worker-create-section'>

ui/admin/app/components/groups/group/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.group.title'}}
   <DocLink @doc='group' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host-catalog.title'}}
   <DocLink @doc='host-catalog' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/host-sets/host-set/add-hosts/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host-set.host.messages.add.title'}}
   <DocLink @doc='host-set.add-hosts' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/host-sets/host-set/create-and-add-host/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host-set.actions.create-and-add-host'}}
   <DocLink @doc='host.new' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/host-sets/host-set/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host-set.title'}}
   <DocLink @doc='host-set' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/host-sets/host-set/hosts/host/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host.title'}}
   <DocLink @doc='host' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/host-sets/new/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host-set.titles.new'}}
   <DocLink @doc='host-set.new' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/hosts/host/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host.title'}}
   <DocLink @doc='host' />
 </Hds::Text::Display>

ui/admin/app/components/host-catalogs/host-catalog/hosts/new/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.host.titles.new'}}
   <DocLink @doc='host.new' />
 </Hds::Text::Display>

ui/admin/app/components/roles/role/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.role.title'}}
   <DocLink @doc='role' />
 </Hds::Text::Display>

ui/admin/app/components/targets/target/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.target.title'}}
   <DocLink @doc='target' />
 </Hds::Text::Display>

ui/admin/app/components/users/user/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.user.title'}}
   <DocLink @doc='user' />
 </Hds::Text::Display>

ui/admin/app/components/workers/worker/header/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h2' @size='400' @weight='bold' class='header-spacing'>
+<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
   {{t 'resources.worker.title'}}
   <DocLink @doc='worker' />
 </Hds::Text::Display>

ui/admin/app/styles/app.scss

@@ -1031,11 +1031,6 @@
   }
 }
 
-.header-spacing {
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
-}
-
 // scope picker
 .scope-picker {
   &__toggle-button {

ui/admin/app/templates/account/change-password.hbs

@@ -12,12 +12,9 @@
       <Rose::Frame>
         <:header>
           <Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
-          <Hds::Text::Display
-            @tag='h2'
-            @size='400'
-            @weight='bold'
-            class='header-spacing'
-          >{{t 'actions.change-password'}}</Hds::Text::Display>
+          <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+              'actions.change-password'
+            }}</Hds::Text::Display>
         </:header>
         <:body>
           <Form::Account::Password::ChangePassword

ui/admin/app/templates/index.hbs

@@ -3,4 +3,8 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-<Hds::Text::Display @tag='h1' @size='400'>{{app-name}}</Hds::Text::Display>
+<Hds::Text::Display
+  @tag='h1'
+  @size='400'
+  class='remove-margin'
+>{{app-name}}</Hds::Text::Display>

ui/admin/app/templates/onboarding/index.hbs

@@ -7,12 +7,9 @@
   <Rose::Frame class='create-resources'>
     <:header>
       <Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >{{t 'onboarding.add-target.titles.have-a-target'}}</Hds::Text::Display>
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+          'onboarding.add-target.titles.have-a-target'
+        }}</Hds::Text::Display>
     </:header>
     <:body>
       <Hds::Text::Body @tag='p'>

ui/admin/app/templates/onboarding/success.hbs

@@ -9,12 +9,9 @@
   <Rose::Frame class='create-resources'>
     <:header>
       <Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >{{t 'onboarding.success.titles.connect'}}</Hds::Text::Display>
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+          'onboarding.success.titles.connect'
+        }}</Hds::Text::Display>
     </:header>
     <:body>
       {{! We have created }}
@@ -26,7 +23,12 @@
             class='hds-foreground-success'
             @isInline={{true}}
           />
-          <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>{{t
+          <Hds::Text::Display
+            @tag='h3'
+            @size='300'
+            @weight='bold'
+            class='remove-margin'
+          >{{t
               'onboarding.success.titles.creation-success'
             }}</Hds::Text::Display>
         </span>
@@ -38,9 +40,12 @@
       {{! Download Desktop client }}
       <div class='create-resources-item'>
         <span class='create-resources-item-header'>
-          <Hds::Text::Display @tag='h3' @size='300' @weight='bold'>{{t
-              'onboarding.success.titles.desktop'
-            }}</Hds::Text::Display>
+          <Hds::Text::Display
+            @tag='h3'
+            @size='300'
+            @weight='bold'
+            class='remove-margin'
+          >{{t 'onboarding.success.titles.desktop'}}</Hds::Text::Display>
         </span>
         <Hds::Text::Body @tag='p'>
           {{t 'onboarding.success.descriptions.download'}}
@@ -62,7 +67,7 @@
 
         {{! Controller }}
         <div class='create-resources-item-controller'>
-          <Hds::Text::Display @tag='h4'>
+          <Hds::Text::Display @tag='h4' class='remove-margin'>
             {{t 'onboarding.success.titles.controller'}}
           </Hds::Text::Display>
           <Hds::Text::Body @color='faint'>{{t
@@ -78,7 +83,7 @@
 
       {{! Developers }}
       <div class='create-resources-item'>
-        <Hds::Text::Display @tag='h4'>
+        <Hds::Text::Display @tag='h4' class='remove-margin'>
           {{t 'onboarding.success.titles.developers'}}
         </Hds::Text::Display>
         <Hds::Text::Body @tag='p'>

ui/admin/app/templates/scopes/scope/add-storage-policy/create.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.titles.new'}}
       <DocLink @doc='storage-policy.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/add-storage-policy/index.hbs

@@ -14,12 +14,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.actions.add'}}
       <DocLink @doc='storage-policy.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/aliases/alias/index.hbs

@@ -8,12 +8,7 @@
     <Breadcrumbs::Container />
   </page.breadcrumbs>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.alias.title'}}
       <DocLink @doc='alias' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/aliases/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.alias.title_plural'}}
       <DocLink @doc='alias' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/aliases/new.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.alias.titles.new'}}
       <DocLink @doc='alias' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/auth-methods/auth-method/accounts/account/set-password.hbs

@@ -16,12 +16,9 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >{{t 'resources.account.title'}}</Hds::Text::Display>
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+        'resources.account.title'
+      }}</Hds::Text::Display>
     <Hds::Text::Body @tag='p' @size='300' class='p'>
       {{t 'resources.account.messages.set-password.description'}}
     </Hds::Text::Body>

ui/admin/app/templates/scopes/scope/auth-methods/auth-method/accounts/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.account.titles.new'}}
       <DocLink @doc='account.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/auth-methods/auth-method/managed-groups/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.managed-group.titles.new'}}
       <DocLink @doc='managed-groups' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/auth-methods/index.hbs

@@ -5,12 +5,7 @@
 
 <Rose::Layout::Page as |page|>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.auth-method.title_plural'}}
       <DocLink @doc='auth-method' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/auth-methods/new.hbs

@@ -11,12 +11,7 @@
 
 <Rose::Layout::Page as |page|>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.auth-method.titles.new'}}
       <DocLink @doc='auth-method' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/authenticate.hbs

@@ -16,12 +16,9 @@
         <Rose::Frame>
           <:header>
             <Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
-            <Hds::Text::Display
-              @tag='h2'
-              @size='400'
-              @weight='bold'
-              class='header-spacing'
-            >{{t 'actions.authenticate'}}</Hds::Text::Display>
+            <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+                'actions.authenticate'
+              }}</Hds::Text::Display>
           </:header>
           <:body>
             <Hds::Text::Body @tag='p'>{{t

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential-library.title'}}
       <DocLink @doc='credential-library' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential-library.titles.new'}}
       <DocLink @doc='credential-library' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credentials/credential/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential.title'}}
       <DocLink @doc='credential' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credentials/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential.titles.new'}}
       <DocLink @doc='credential' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/edit-worker-filter.hbs

@@ -15,7 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display @tag='h2' @size='300' class='h2'>
+    <Hds::Text::Display @tag='h2' @size='300'>
       {{t 'actions.edit-worker-filter'}}
       <DocLink @doc='worker-filters-format' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential-store.title_plural'}}
       <DocLink @doc='credential-store' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/credential-stores/new.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.credential-store.titles.new'}}
       <DocLink @doc='credential-store' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/edit.hbs

@@ -21,12 +21,7 @@
 
   <page.header>
     {{#if @model.isGlobal}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.global.title'}}
         <DocLink @doc='global' />
       </Hds::Text::Display>
@@ -35,12 +30,7 @@
       </Hds::Text::Body>
     {{/if}}
     {{#if @model.isOrg}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.org.title'}}
         <DocLink @doc='org' />
       </Hds::Text::Display>
@@ -49,12 +39,7 @@
       </Hds::Text::Body>
     {{/if}}
     {{#if @model.isProject}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.project.title'}}
         <DocLink @doc='project' />
       </Hds::Text::Display>
@@ -113,7 +98,7 @@
       {{#if (can 'attachStoragePolicy scope' @model)}}
         <bc.Sidebar>
           <div class='policy-sidebar'>
-            <Hds::Text::Display @tag='h3'>
+            <Hds::Text::Display @tag='h3' class='remove-margin'>
               {{t 'resources.policy.title'}}
             </Hds::Text::Display>
 

ui/admin/app/templates/scopes/scope/groups/group/add-members.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.group.messages.add-members.title'}}
       <DocLink @doc='group.add-members' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/groups/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.group.title_plural'}}
       <DocLink @doc='group' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/groups/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.group.titles.new'}}
       <DocLink @doc='group' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/host-catalogs/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.host-catalog.title_plural'}}
       <DocLink @doc='host-catalog' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/host-catalogs/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.host-catalog.titles.new'}}
       <DocLink @doc='host-catalog.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/policies/index.hbs

@@ -8,12 +8,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.title_plural'}}
       <DocLink @doc='storage-policy' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/policies/new.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.titles.new'}}
       <DocLink @doc='storage-policy.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/policies/policy/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.policy.title'}}
       <DocLink @doc='storage-policy' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.title_plural'}}
       <DocLink @doc='role' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/new.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.titles.new'}}
       <DocLink @doc='role' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/add-principals.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.principal.messages.add-principals.title'}}
       <DocLink @doc='role.add-principals' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/grants.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.title'}}
       <DocLink @doc='role' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/manage-scopes/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.scope.messages.manage-scopes.title'}}
       <DocLink @doc='role.add-grant-scopes' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/manage-scopes/manage-custom-scopes.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.scope.messages.manage-custom-scopes.title'}}
       <DocLink @doc='role.add-grant-scopes' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/manage-scopes/manage-org-projects.hbs

@@ -31,12 +31,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t
         'resources.role.scope.messages.manage-org-projects.title'
         orgDisplayName=@model.orgScope.displayName

ui/admin/app/templates/scopes/scope/roles/role/principals.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.title'}}
       <DocLink @doc='role' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/roles/role/scopes.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.role.title'}}
       <DocLink @doc='role' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/scopes/index.hbs

@@ -11,12 +11,7 @@
 
   <page.header>
     {{#if @model.currentScope.isGlobal}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.org.title_plural'}}
         <DocLink @doc='org' />
       </Hds::Text::Display>
@@ -26,12 +21,7 @@
         </Hds::Text::Body>
       {{/if}}
     {{else if @model.currentScope.isOrg}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.project.title_plural'}}
         <DocLink @doc='project' />
       </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/scopes/new.hbs

@@ -24,12 +24,7 @@
 
   <page.header>
     {{#if @model.isOrg}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.org.titles.new'}}
         <DocLink @doc='org.new' />
       </Hds::Text::Display>
@@ -37,12 +32,7 @@
         {{t 'resources.org.description'}}
       </Hds::Text::Body>
     {{else if @model.isProject}}
-      <Hds::Text::Display
-        @tag='h2'
-        @size='400'
-        @weight='bold'
-        class='header-spacing'
-      >
+      <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
         {{t 'resources.project.titles.new'}}
         <DocLink @doc='project.new' />
       </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/session-recordings/index.hbs

@@ -9,12 +9,9 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >{{t 'resources.session-recording.title_plural'}}
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+        'resources.session-recording.title_plural'
+      }}
       <DocLink @doc='session-recording' />
     </Hds::Text::Display>
     <Hds::Text::Body @tag='p' @size='300' class='p'>

ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs

@@ -19,12 +19,7 @@
   </page.breadcrumbs>
 
   <page.header class='channel-header'>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{reverse-indexed-display-name
         'resources.session-recording.channel.title_index'
         @model.channelRecording.connection_recording.channel_recordings
@@ -46,12 +41,7 @@
       <bc.Sidebar>
         {{! Channel details information }}
         <div class='section-details'>
-          <Hds::Text::Display
-            @tag='h2'
-            @size='400'
-            @weight='bold'
-            class='header-spacing'
-          >{{t
+          <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
               'resources.session-recording.channel.details'
             }}</Hds::Text::Display>
           <Rose::MetadataList @orientation='vertical' as |list|>
@@ -100,12 +90,9 @@
 
         {{! Related information }}
         <div>
-          <Hds::Text::Display
-            @tag='h2'
-            @size='400'
-            @weight='bold'
-            class='header-spacing'
-          >{{t 'resources.session-recording.related'}}</Hds::Text::Display>
+          <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+              'resources.session-recording.related'
+            }}</Hds::Text::Display>
           <LinkListPanel as |list|>
             {{! User name }}
             {{#if @model.sessionRecording.create_time_values.user}}

ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs

@@ -9,12 +9,9 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >{{t 'resources.session-recording.session.title'}}</Hds::Text::Display>
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+        'resources.session-recording.session.title'
+      }}</Hds::Text::Display>
   </page.header>
 
   <page.actions>
@@ -198,12 +195,9 @@
         </bc.Body>
         <bc.Sidebar>
           <div class='section-details'>
-            <Hds::Text::Display
-              @tag='h2'
-              @size='400'
-              @weight='bold'
-              class='header-spacing'
-            >{{t 'resources.session-recording.details'}}</Hds::Text::Display>
+            <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+                'resources.session-recording.details'
+              }}</Hds::Text::Display>
 
             <Rose::MetadataList @orientation='vertical' as |list|>
               {{! Session Recording Status }}
@@ -292,12 +286,9 @@
 
           {{! Related information }}
           <div>
-            <Hds::Text::Display
-              @tag='h2'
-              @size='400'
-              @weight='bold'
-              class='header-spacing'
-            >{{t 'resources.session-recording.related'}}</Hds::Text::Display>
+            <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+                'resources.session-recording.related'
+              }}</Hds::Text::Display>
             <LinkListPanel as |list|>
               {{! User name }}
               {{#if @model.sessionRecording.create_time_values.user}}

ui/admin/app/templates/scopes/scope/sessions/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.session.title_plural'}}
       <DocLink @doc='session' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/storage-buckets/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.storage-bucket.title_plural'}}
       <DocLink @doc='storage-bucket' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/storage-buckets/new.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.storage-bucket.titles.new'}}
       <DocLink @doc='storage-bucket.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/storage-buckets/storage-bucket/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.storage-bucket.title'}}
       <DocLink @doc='storage-bucket' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/index.hbs

@@ -9,12 +9,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.title_plural'}}
       <DocLink @doc='target' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.titles.new'}}
       <DocLink @doc='target.new' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/add-brokered-credential-sources.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.brokered-credential-source.messages.add.title'}}
     </Hds::Text::Display>
     <Hds::Text::Body @tag='p' @size='300' class='p'>

ui/admin/app/templates/scopes/scope/targets/target/add-host-sources.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.host-source.messages.add.title'}}
       <DocLink @doc='target.add-host-sources' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/add-injected-application-credential-sources.hbs

@@ -19,12 +19,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t
         'resources.target.injected-application-credential-source.messages.add.title'
       }}

ui/admin/app/templates/scopes/scope/targets/target/create-alias.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.alias.titles.new'}}
       <DocLink @doc='alias' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/edit-egress-worker-filter.hbs

@@ -15,12 +15,7 @@
     <Breadcrumbs::Container />
   </page.breadcrumbs>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.workers.edit-egress-worker-filter.title'}}
       <DocLink @doc='worker-filters-format' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/edit-ingress-worker-filter.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.workers.edit-ingress-worker-filter.title'}}
       <DocLink @doc='worker-filters-format' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/enable-session-recording/create-storage-bucket.hbs

@@ -15,12 +15,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.storage-bucket.titles.new'}}
       <DocLink @doc='storage-bucket' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/targets/target/enable-session-recording/index.hbs

@@ -9,12 +9,9 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >{{t 'resources.target.enable-session-recording.messages.add.title'}}
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+        'resources.target.enable-session-recording.messages.add.title'
+      }}
       <DocLink @doc='target.enable-session-recording' />
     </Hds::Text::Display>
   </page.header>

ui/admin/app/templates/scopes/scope/targets/target/index.hbs

@@ -35,7 +35,7 @@
       <bc.Sidebar>
         {{#if @model.aliases}}
           <div class='target-sidebar-aliases'>
-            <Hds::Text::Display @tag='h3'>
+            <Hds::Text::Display @tag='h3' class='remove-margin'>
               {{t 'resources.alias.title_plural'}}
             </Hds::Text::Display>
             <Hds::Text::Body @tag='p' @color='faint' class='p'>
@@ -93,7 +93,7 @@
         {{else}}
           {{#if (can 'create model' this.globalScope collection='aliases')}}
             <div class='target-sidebar-aliases'>
-              <Hds::Text::Display @tag='h3'>
+              <Hds::Text::Display @tag='h3' class='remove-margin'>
                 {{t 'resources.alias.title_plural'}}
               </Hds::Text::Display>
               <Hds::Text::Body @tag='p' @color='faint' class='p'>
@@ -111,7 +111,7 @@
         {{/if}}
         <div class='target-sidebar'>
           {{#if (and @model.isSSH (feature-flag 'ssh-session-recording'))}}
-            <Hds::Text::Display @tag='h3'>
+            <Hds::Text::Display @tag='h3' class='remove-margin'>
               {{t 'resources.target.form.sidebar.label'}}
             </Hds::Text::Display>
             <Hds::Text::Body @tag='p' @color='faint' class='p'>

ui/admin/app/templates/scopes/scope/targets/target/manage-alias.hbs

@@ -13,12 +13,7 @@
     <Breadcrumbs::Container />
   </page.breadcrumbs>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.alias.title'}}
       <DocLink @doc='alias' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/users/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.user.title_plural'}}
       <DocLink @doc='user' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/users/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.user.titles.new'}}
       <DocLink @doc='user' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/users/user/add-accounts.hbs

@@ -16,12 +16,9 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >{{t 'resources.user.messages.add-accounts.title'}}</Hds::Text::Display>
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
+        'resources.user.messages.add-accounts.title'
+      }}</Hds::Text::Display>
     <Hds::Text::Body @tag='p' @size='300' class='p'>
       {{t 'resources.user.messages.add-accounts.description'}}
     </Hds::Text::Body>

ui/admin/app/templates/scopes/scope/workers/index.hbs

@@ -10,12 +10,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'titles.workers'}}
       <DocLink @doc='worker' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/workers/new.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.worker.titles.new'}}
       <DocLink @doc='worker' />
     </Hds::Text::Display>

ui/admin/app/templates/scopes/scope/workers/worker/create-tags.hbs

@@ -16,12 +16,7 @@
   </page.breadcrumbs>
 
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.worker.tags.create.title'}}
       <DocLink @doc='worker.create-tags' />
     </Hds::Text::Display>

ui/desktop/app/components/branded-card/index.hbs

@@ -4,11 +4,7 @@
 }}
 
 <div class='branded-card'>
-  <Hds::Text::Display
-    @tag='h1'
-    @size='500'
-    class='branded-card-title'
-  >{{@title}}</Hds::Text::Display>
+  <Hds::Text::Display @tag='h1' @size='500'>{{@title}}</Hds::Text::Display>
   <Hds::Text::Body @tag='p' @size='300' class='branded-card-description'>
     {{@description}}
   </Hds::Text::Body>

ui/desktop/app/components/settings-card/index.hbs

@@ -6,7 +6,7 @@
 <Hds::Card::Container @level='mid' @hasBorder={{true}}>
   <div class='header-and-icon'>
     <Hds::IconTile @icon={{@icon}} @size='small' />
-    <Hds::Text::Display @tag='h4'>
+    <Hds::Text::Display @tag='h4' class='remove-margin'>
       {{@header}}
     </Hds::Text::Display>
 

ui/desktop/app/styles/app.scss

@@ -206,11 +206,6 @@
     top: 0;
   }
 
-  .branded-card-title {
-    margin-top: 1rem;
-    margin-bottom: 0.5rem;
-  }
-
   .branded-card-description {
     margin-bottom: sizing.rems(l);
   }
@@ -498,8 +493,3 @@
     }
   }
 }
-
-.header-spacing {
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
-}

ui/desktop/app/templates/scopes/scope/projects/sessions.hbs

@@ -5,12 +5,7 @@
 
 <Rose::Layout::Page as |page|>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.session.title_plural'}}
       <DocLink @doc='sessions' />
     </Hds::Text::Display>

ui/desktop/app/templates/scopes/scope/projects/sessions/session.hbs

@@ -9,7 +9,7 @@
 
   <page.header class='session-details-info'>
     <Hds::IconTile @color='boundary' @icon='terminal' />
-    <Hds::Text::Display @tag='h1' @size='500'>
+    <Hds::Text::Display @tag='h1' @size='500' class='remove-margin'>
       {{@model.displayName}}
     </Hds::Text::Display>
     <Hds::Badge

ui/desktop/app/templates/scopes/scope/projects/settings.hbs

@@ -5,12 +5,7 @@
 
 <Rose::Layout::Page class='settings-card' as |page|>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'titles.settings'}}
     </Hds::Text::Display>
   </page.header>

ui/desktop/app/templates/scopes/scope/projects/targets.hbs

@@ -7,12 +7,7 @@
 
 <Rose::Layout::Page as |page|>
   <page.header>
-    <Hds::Text::Display
-      @tag='h2'
-      @size='400'
-      @weight='bold'
-      class='header-spacing'
-    >
+    <Hds::Text::Display @tag='h2' @size='400' @weight='bold'>
       {{t 'resources.target.title_plural'}}
       <DocLink @doc='targets' />
     </Hds::Text::Display>

ui/desktop/app/templates/scopes/scope/projects/targets/target.hbs

@@ -8,7 +8,11 @@
 <Rose::Layout::Page as |page|>
 
   <page.header>
-    <Hds::Text::Display @tag='h1' @size='500' class='target-details-header'>
+    <Hds::Text::Display
+      @tag='h1'
+      @size='500'
+      class='target-details-header remove-margin'
+    >
       <Hds::IconTile @color='boundary' @icon='target' />
       {{@model.target.displayName}}
     </Hds::Text::Display>