diff --git a/apps/web/src/app/accounts/two-factor-options.component.html b/apps/web/src/app/accounts/two-factor-options.component.html
index 690d0a1d9952..5c5eccb88310 100644
--- a/apps/web/src/app/accounts/two-factor-options.component.html
+++ b/apps/web/src/app/accounts/two-factor-options.component.html
@@ -2,7 +2,7 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="twoStepOptionsTitle">{{ "twoStepOptions" | i18n }}</h2>
+        <h1 class="modal-title" id="twoStepOptionsTitle">{{ "twoStepOptions" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/components/password-reprompt.component.html b/apps/web/src/app/components/password-reprompt.component.html
index c61fcc394dbd..ebd81976566c 100644
--- a/apps/web/src/app/components/password-reprompt.component.html
+++ b/apps/web/src/app/components/password-reprompt.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()">
       <div class="modal-header">
-        <h2 class="modal-title" id="confirmUserTitle">
+        <h1 class="modal-title" id="confirmUserTitle">
           {{ "passwordConfirmation" | i18n }}
-        </h2>
+        </h1>
         <button type="button" class="close" data-dismiss="modal">
           <span aria-hidden="true">&times;</span>
         </button>
diff --git a/apps/web/src/app/organizations/manage/bulk/bulk-confirm.component.html b/apps/web/src/app/organizations/manage/bulk/bulk-confirm.component.html
index 84f660823ff9..595f9d767ebc 100644
--- a/apps/web/src/app/organizations/manage/bulk/bulk-confirm.component.html
+++ b/apps/web/src/app/organizations/manage/bulk/bulk-confirm.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "confirmUsers" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/bulk/bulk-remove.component.html b/apps/web/src/app/organizations/manage/bulk/bulk-remove.component.html
index 25b91fbf13ae..d17b52e89a66 100644
--- a/apps/web/src/app/organizations/manage/bulk/bulk-remove.component.html
+++ b/apps/web/src/app/organizations/manage/bulk/bulk-remove.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "removeUsers" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/bulk/bulk-restore-revoke.component.html b/apps/web/src/app/organizations/manage/bulk/bulk-restore-revoke.component.html
index e02ee93e8852..87b7af791ee0 100644
--- a/apps/web/src/app/organizations/manage/bulk/bulk-restore-revoke.component.html
+++ b/apps/web/src/app/organizations/manage/bulk/bulk-restore-revoke.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ bulkTitle }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/bulk/bulk-status.component.html b/apps/web/src/app/organizations/manage/bulk/bulk-status.component.html
index 8d9676781adc..86bacda38c7c 100644
--- a/apps/web/src/app/organizations/manage/bulk/bulk-status.component.html
+++ b/apps/web/src/app/organizations/manage/bulk/bulk-status.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "bulkConfirmStatus" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/collection-add-edit.component.html b/apps/web/src/app/organizations/manage/collection-add-edit.component.html
index f699e802b5be..97c973a41954 100644
--- a/apps/web/src/app/organizations/manage/collection-add-edit.component.html
+++ b/apps/web/src/app/organizations/manage/collection-add-edit.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="collectionAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="collectionAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/entity-events.component.html b/apps/web/src/app/organizations/manage/entity-events.component.html
index 29f266cf04ff..122d0b81888a 100644
--- a/apps/web/src/app/organizations/manage/entity-events.component.html
+++ b/apps/web/src/app/organizations/manage/entity-events.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="eventLogsTitle">
+        <h1 class="modal-title" id="eventLogsTitle">
           {{ "eventLogs" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/entity-users.component.html b/apps/web/src/app/organizations/manage/entity-users.component.html
index 92f95bae3b37..0f95fafc41fe 100644
--- a/apps/web/src/app/organizations/manage/entity-users.component.html
+++ b/apps/web/src/app/organizations/manage/entity-users.component.html
@@ -8,10 +8,10 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAccessTitle">
+        <h1 class="modal-title" id="userAccessTitle">
           {{ "userAccess" | i18n }}
           <small>{{ entityName }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/group-add-edit.component.html b/apps/web/src/app/organizations/manage/group-add-edit.component.html
index 8bb58656b1b4..d1055d86e854 100644
--- a/apps/web/src/app/organizations/manage/group-add-edit.component.html
+++ b/apps/web/src/app/organizations/manage/group-add-edit.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="groupAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="groupAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/policy-edit.component.html b/apps/web/src/app/organizations/manage/policy-edit.component.html
index 90f1de819005..5f5dc1d85ef5 100644
--- a/apps/web/src/app/organizations/manage/policy-edit.component.html
+++ b/apps/web/src/app/organizations/manage/policy-edit.component.html
@@ -8,9 +8,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="policiesEditTitle">
+        <h1 class="modal-title" id="policiesEditTitle">
           {{ "editPolicy" | i18n }} - {{ policy.name | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/reset-password.component.html b/apps/web/src/app/organizations/manage/reset-password.component.html
index 675a17e4b08d..7b3ccdcc9a45 100644
--- a/apps/web/src/app/organizations/manage/reset-password.component.html
+++ b/apps/web/src/app/organizations/manage/reset-password.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="resetPasswordTitle">
+        <h1 class="modal-title" id="resetPasswordTitle">
           {{ "resetPassword" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/user-add-edit.component.html b/apps/web/src/app/organizations/manage/user-add-edit.component.html
index 11b2b4cf19d9..fa4e896d2083 100644
--- a/apps/web/src/app/organizations/manage/user-add-edit.component.html
+++ b/apps/web/src/app/organizations/manage/user-add-edit.component.html
@@ -8,11 +8,11 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAddEditTitle">
+        <h1 class="modal-title" id="userAddEditTitle">
           {{ title }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
           <span bitBadge badgeType="secondary" *ngIf="isRevoked">{{ "revoked" | i18n }}</span>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/user-confirm.component.html b/apps/web/src/app/organizations/manage/user-confirm.component.html
index 87cc0d970a8c..1ee616f8bd5f 100644
--- a/apps/web/src/app/organizations/manage/user-confirm.component.html
+++ b/apps/web/src/app/organizations/manage/user-confirm.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="confirmUserTitle">
+        <h1 class="modal-title" id="confirmUserTitle">
           {{ "confirmUser" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/manage/user-groups.component.html b/apps/web/src/app/organizations/manage/user-groups.component.html
index 4853125b7831..347125e98254 100644
--- a/apps/web/src/app/organizations/manage/user-groups.component.html
+++ b/apps/web/src/app/organizations/manage/user-groups.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="groupAccessTitle">
+        <h1 class="modal-title" id="groupAccessTitle">
           {{ "groupAccess" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/settings/billing-sync-api-key.component.html b/apps/web/src/app/organizations/settings/billing-sync-api-key.component.html
index 2319fe63029e..43733928730a 100644
--- a/apps/web/src/app/organizations/settings/billing-sync-api-key.component.html
+++ b/apps/web/src/app/organizations/settings/billing-sync-api-key.component.html
@@ -8,9 +8,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="billingSyncApiKeyTitle">
+        <h1 class="modal-title" id="billingSyncApiKeyTitle">
           {{ (hasBillingToken ? "viewBillingSyncToken" : "generateBillingSyncToken") | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/settings/delete-organization.component.html b/apps/web/src/app/organizations/settings/delete-organization.component.html
index 80d8ae0f7903..9f6fbbfb6d15 100644
--- a/apps/web/src/app/organizations/settings/delete-organization.component.html
+++ b/apps/web/src/app/organizations/settings/delete-organization.component.html
@@ -9,7 +9,7 @@
       *ngIf="loaded"
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="deleteOrganizationTitle">{{ "deleteOrganization" | i18n }}</h2>
+        <h1 class="modal-title" id="deleteOrganizationTitle">{{ "deleteOrganization" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/organizations/users/enroll-master-password-reset.component.html b/apps/web/src/app/organizations/users/enroll-master-password-reset.component.html
index f72602ac911b..72f1bbdbda75 100644
--- a/apps/web/src/app/organizations/users/enroll-master-password-reset.component.html
+++ b/apps/web/src/app/organizations/users/enroll-master-password-reset.component.html
@@ -13,9 +13,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="enrollMasterPasswordResetTitle">
+        <h1 class="modal-title" id="enrollMasterPasswordResetTitle">
           {{ "enrollPasswordReset" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/send/add-edit.component.html b/apps/web/src/app/send/add-edit.component.html
index 8d6c066bab94..dcc60a3c7af1 100644
--- a/apps/web/src/app/send/add-edit.component.html
+++ b/apps/web/src/app/send/add-edit.component.html
@@ -9,7 +9,7 @@
       autocomplete="off"
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="sendAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="sendAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/api-key.component.html b/apps/web/src/app/settings/api-key.component.html
index 8e042aa6e450..1402a9938819 100644
--- a/apps/web/src/app/settings/api-key.component.html
+++ b/apps/web/src/app/settings/api-key.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="apiKeyTitle">{{ apiKeyTitle | i18n }}</h2>
+        <h1 class="modal-title" id="apiKeyTitle">{{ apiKeyTitle | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/billing-sync-key.component.html b/apps/web/src/app/settings/billing-sync-key.component.html
index e7e46e637c9f..b2a0c0c60dc7 100644
--- a/apps/web/src/app/settings/billing-sync-key.component.html
+++ b/apps/web/src/app/settings/billing-sync-key.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="billingSyncTitle">{{ "manageBillingSync" | i18n }}</h2>
+        <h1 class="modal-title" id="billingSyncTitle">{{ "manageBillingSync" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/deauthorize-sessions.component.html b/apps/web/src/app/settings/deauthorize-sessions.component.html
index ac7dc7ba02e6..56e2cda578d7 100644
--- a/apps/web/src/app/settings/deauthorize-sessions.component.html
+++ b/apps/web/src/app/settings/deauthorize-sessions.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="deAuthTitle">{{ "deauthorizeSessions" | i18n }}</h2>
+        <h1 class="modal-title" id="deAuthTitle">{{ "deauthorizeSessions" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/delete-account.component.html b/apps/web/src/app/settings/delete-account.component.html
index 77b9df007bc7..c2fbbe9e2cb6 100644
--- a/apps/web/src/app/settings/delete-account.component.html
+++ b/apps/web/src/app/settings/delete-account.component.html
@@ -9,7 +9,7 @@
       [formGroup]="deleteForm"
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="deleteAccountTitle">{{ "deleteAccount" | i18n }}</h2>
+        <h1 class="modal-title" id="deleteAccountTitle">{{ "deleteAccount" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/emergency-access-add-edit.component.html b/apps/web/src/app/settings/emergency-access-add-edit.component.html
index e7198e190304..410489321a19 100644
--- a/apps/web/src/app/settings/emergency-access-add-edit.component.html
+++ b/apps/web/src/app/settings/emergency-access-add-edit.component.html
@@ -8,11 +8,11 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAddEditTitle">
+        <h1 class="modal-title" id="userAddEditTitle">
           <app-premium-badge *ngIf="readOnly"></app-premium-badge>
           {{ title }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/emergency-access-confirm.component.html b/apps/web/src/app/settings/emergency-access-confirm.component.html
index 87cc0d970a8c..1ee616f8bd5f 100644
--- a/apps/web/src/app/settings/emergency-access-confirm.component.html
+++ b/apps/web/src/app/settings/emergency-access-confirm.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="confirmUserTitle">
+        <h1 class="modal-title" id="confirmUserTitle">
           {{ "confirmUser" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/emergency-access-takeover.component.html b/apps/web/src/app/settings/emergency-access-takeover.component.html
index 468e80d005eb..dbcce914e9f1 100644
--- a/apps/web/src/app/settings/emergency-access-takeover.component.html
+++ b/apps/web/src/app/settings/emergency-access-takeover.component.html
@@ -8,10 +8,10 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAddEditTitle">
+        <h1 class="modal-title" id="userAddEditTitle">
           {{ "takeover" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/purge-vault.component.html b/apps/web/src/app/settings/purge-vault.component.html
index 2c6a9f50fcb6..485e64617e2d 100644
--- a/apps/web/src/app/settings/purge-vault.component.html
+++ b/apps/web/src/app/settings/purge-vault.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="purgeVaultTitle">{{ "purgeVault" | i18n }}</h2>
+        <h1 class="modal-title" id="purgeVaultTitle">{{ "purgeVault" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-authenticator.component.html b/apps/web/src/app/settings/two-factor-authenticator.component.html
index e46c7b0703cc..3ed1b2e573e1 100644
--- a/apps/web/src/app/settings/two-factor-authenticator.component.html
+++ b/apps/web/src/app/settings/two-factor-authenticator.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faAuthenticatorTitle">
+        <h1 class="modal-title" id="2faAuthenticatorTitle">
           {{ "twoStepLogin" | i18n }}
           <small>{{ "authenticatorAppTitle" | i18n }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-duo.component.html b/apps/web/src/app/settings/two-factor-duo.component.html
index e3d057ff51d4..02e3e9c59506 100644
--- a/apps/web/src/app/settings/two-factor-duo.component.html
+++ b/apps/web/src/app/settings/two-factor-duo.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faDuoTitle">
+        <h1 class="modal-title" id="2faDuoTitle">
           {{ "twoStepLogin" | i18n }}
           <small>Duo</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-email.component.html b/apps/web/src/app/settings/two-factor-email.component.html
index f189a275040e..5f98fb0d93db 100644
--- a/apps/web/src/app/settings/two-factor-email.component.html
+++ b/apps/web/src/app/settings/two-factor-email.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faEmailTitle">
+        <h1 class="modal-title" id="2faEmailTitle">
           {{ "twoStepLogin" | i18n }}
           <small>{{ "emailTitle" | i18n }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-recovery.component.html b/apps/web/src/app/settings/two-factor-recovery.component.html
index ba9129da17a4..d3bb8c28b6dc 100644
--- a/apps/web/src/app/settings/two-factor-recovery.component.html
+++ b/apps/web/src/app/settings/two-factor-recovery.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faRecoveryTitle">
+        <h1 class="modal-title" id="2faRecoveryTitle">
           {{ "twoStepLogin" | i18n }}
           <small>{{ "recoveryCodeTitle" | i18n }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-webauthn.component.html b/apps/web/src/app/settings/two-factor-webauthn.component.html
index 2c91dbc5ae07..1a5676afd855 100644
--- a/apps/web/src/app/settings/two-factor-webauthn.component.html
+++ b/apps/web/src/app/settings/two-factor-webauthn.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faU2fTitle">
+        <h1 class="modal-title" id="2faU2fTitle">
           {{ "twoStepLogin" | i18n }}
           <small>{{ "webAuthnTitle" | i18n }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/two-factor-yubikey.component.html b/apps/web/src/app/settings/two-factor-yubikey.component.html
index 96eff9b3a435..ad26df871d00 100644
--- a/apps/web/src/app/settings/two-factor-yubikey.component.html
+++ b/apps/web/src/app/settings/two-factor-yubikey.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="2faYubiKeyTitle">
+        <h1 class="modal-title" id="2faYubiKeyTitle">
           {{ "twoStepLogin" | i18n }}
           <small>YubiKey</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/settings/update-key.component.html b/apps/web/src/app/settings/update-key.component.html
index e82fc77267a1..b39a5eb7e1a4 100644
--- a/apps/web/src/app/settings/update-key.component.html
+++ b/apps/web/src/app/settings/update-key.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="updateEncKeyTitle">{{ "updateEncryptionKey" | i18n }}</h2>
+        <h1 class="modal-title" id="updateEncKeyTitle">{{ "updateEncryptionKey" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/tools/password-generator-history.component.html b/apps/web/src/app/tools/password-generator-history.component.html
index 5b9e32378a33..dd26f0a92b85 100644
--- a/apps/web/src/app/tools/password-generator-history.component.html
+++ b/apps/web/src/app/tools/password-generator-history.component.html
@@ -2,7 +2,7 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="passHistoryTitle">{{ "passwordHistory" | i18n }}</h2>
+        <h1 class="modal-title" id="passHistoryTitle">{{ "passwordHistory" | i18n }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/add-edit.component.html b/apps/web/src/app/vault/add-edit.component.html
index 50c88c51dd20..bec9064b8173 100644
--- a/apps/web/src/app/vault/add-edit.component.html
+++ b/apps/web/src/app/vault/add-edit.component.html
@@ -9,7 +9,7 @@
       autocomplete="off"
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="cipherAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="cipherAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/attachments.component.html b/apps/web/src/app/vault/attachments.component.html
index a358acc55337..0940f0fa89fa 100644
--- a/apps/web/src/app/vault/attachments.component.html
+++ b/apps/web/src/app/vault/attachments.component.html
@@ -8,10 +8,10 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="attachmentsTitle">
+        <h1 class="modal-title" id="attachmentsTitle">
           {{ "attachments" | i18n }}
           <small *ngIf="cipher">{{ cipher.name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/bulk-delete.component.html b/apps/web/src/app/vault/bulk-delete.component.html
index 154786960ade..43ae98290089 100644
--- a/apps/web/src/app/vault/bulk-delete.component.html
+++ b/apps/web/src/app/vault/bulk-delete.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-sm" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="deleteSelectedTitle">
+        <h1 class="modal-title" id="deleteSelectedTitle">
           {{ (permanent ? "permanentlyDeleteSelected" : "deleteSelected") | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/bulk-move.component.html b/apps/web/src/app/vault/bulk-move.component.html
index 552b2efa5125..c82ad83f61b6 100644
--- a/apps/web/src/app/vault/bulk-move.component.html
+++ b/apps/web/src/app/vault/bulk-move.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-sm" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="moveSelectedTitle">
+        <h1 class="modal-title" id="moveSelectedTitle">
           {{ "moveSelected" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/bulk-restore.component.html b/apps/web/src/app/vault/bulk-restore.component.html
index 5331b25fcc66..577c189fe4c6 100644
--- a/apps/web/src/app/vault/bulk-restore.component.html
+++ b/apps/web/src/app/vault/bulk-restore.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-sm" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="restoreSelectedTitle">
+        <h1 class="modal-title" id="restoreSelectedTitle">
           {{ "restoreSelected" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/bulk-share.component.html b/apps/web/src/app/vault/bulk-share.component.html
index 5a7a38e8f583..7b4ffe7a0aa6 100644
--- a/apps/web/src/app/vault/bulk-share.component.html
+++ b/apps/web/src/app/vault/bulk-share.component.html
@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="moveSelectedToOrgTitle">
+        <h1 class="modal-title" id="moveSelectedToOrgTitle">
           {{ "moveSelectedToOrg" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/collections.component.html b/apps/web/src/app/vault/collections.component.html
index 486ed03e3265..f7c8dd7b899f 100644
--- a/apps/web/src/app/vault/collections.component.html
+++ b/apps/web/src/app/vault/collections.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="collectionsTitle">
+        <h1 class="modal-title" id="collectionsTitle">
           {{ "collections" | i18n }}
           <small *ngIf="cipher">{{ cipher.name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/folder-add-edit.component.html b/apps/web/src/app/vault/folder-add-edit.component.html
index fe59530f683f..ea660594fdfd 100644
--- a/apps/web/src/app/vault/folder-add-edit.component.html
+++ b/apps/web/src/app/vault/folder-add-edit.component.html
@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="folderAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="folderAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/app/vault/share.component.html b/apps/web/src/app/vault/share.component.html
index 1f56c8c39502..8d533e120043 100644
--- a/apps/web/src/app/vault/share.component.html
+++ b/apps/web/src/app/vault/share.component.html
@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="shareTitle">
+        <h1 class="modal-title" id="shareTitle">
           {{ "moveToOrganization" | i18n }}
           <small *ngIf="cipher">{{ cipher.name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"
diff --git a/apps/web/src/scss/modals.scss b/apps/web/src/scss/modals.scss
index f28dab845ddd..29e7191cd72e 100644
--- a/apps/web/src/scss/modals.scss
+++ b/apps/web/src/scss/modals.scss
@@ -41,6 +41,10 @@
     border-bottom: 1px solid themed("separator");
     color: themed("textColor");
   }
+
+  .modal-title {
+    font-size: 1.3rem;
+  }
 }
 
 .modal-body {