From 3bebfabc4056105c82cfb331f3a10641a3aaf859 Mon Sep 17 00:00:00 2001
From: Alec Rippberger <alec@livefront.com>
Date: Mon, 30 Dec 2024 10:50:09 -0600
Subject: [PATCH] Clean up device management header to look more like other
 tabs

---
 .../security/device-management.component.html | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/app/auth/settings/security/device-management.component.html b/apps/web/src/app/auth/settings/security/device-management.component.html
index dee1254316c..1023827dcf6 100644
--- a/apps/web/src/app/auth/settings/security/device-management.component.html
+++ b/apps/web/src/app/auth/settings/security/device-management.component.html
@@ -1,15 +1,17 @@
-<div class="tabbed-content">
-  <div class="tw-flex tw-items-center tw-gap-2">
-    <h2 class="tw-m-0">{{ "devices" | i18n }}</h2>
-    <i
-      class="bwi bwi-question-circle tw-flex tw-items-center tw-h-4 tw-w-4 bwi-color-primary"
-      aria-hidden="true"
-    ></i>
-    <i
-      *ngIf="asyncActionLoading"
-      class="bwi bwi-spinner bwi-spin tw-flex tw-items-center tw-h-4 tw-w-4"
-      aria-hidden="true"
-    ></i>
+<bit-container>
+  <div class="tabbed-header">
+    <div class="tw-flex tw-items-center tw-gap-2">
+      <h1>{{ "devices" | i18n }}</h1>
+      <i
+        class="bwi bwi-question-circle tw-flex tw-items-center tw-h-4 tw-w-4 bwi-color-primary"
+        aria-hidden="true"
+      ></i>
+      <i
+        *ngIf="asyncActionLoading"
+        class="bwi bwi-spinner bwi-spin tw-flex tw-items-center tw-h-4 tw-w-4"
+        aria-hidden="true"
+      ></i>
+    </div>
   </div>
 
   <p>{{ "deviceListDescription" | i18n }}</p>
@@ -76,4 +78,4 @@ <h2 class="tw-m-0">{{ "devices" | i18n }}</h2>
       </td>
     </ng-template>
   </bit-table-scroll>
-</div>
+</bit-container>