From 79d7d506df251e18dcbdc69e0c3aa59a85a0c28e Mon Sep 17 00:00:00 2001
From: cd-bitwarden <106776772+cd-bitwarden@users.noreply.github.com>
Date: Wed, 23 Oct 2024 11:39:57 -0400
Subject: [PATCH] [PM-12996] Updating UI Spacing for bit section header
 (#11609)

* Adding space to the section header

* Updating spacing to the left of the bit section header
---
 .../vault-list-items-container.component.html | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html b/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
index bea6d9631c..e89ec9472f 100644
--- a/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
+++ b/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
@@ -1,18 +1,20 @@
 <bit-section *ngIf="ciphers?.length > 0 || description" [disableMargin]="disableSectionMargin">
-  <bit-section-header>
-    <h2 bitTypography="h6">
-      {{ title }}
-    </h2>
-    <button
-      *ngIf="showRefresh"
-      bitIconButton="bwi-refresh"
-      type="button"
-      size="small"
-      (click)="onRefresh.emit()"
-      [appA11yTitle]="'refresh' | i18n"
-    ></button>
-    <span bitTypography="body2" slot="end">{{ ciphers.length }}</span>
-  </bit-section-header>
+  <div class="tw-ml-1">
+    <bit-section-header>
+      <h2 bitTypography="h6">
+        {{ title }}
+      </h2>
+      <button
+        *ngIf="showRefresh"
+        bitIconButton="bwi-refresh"
+        type="button"
+        size="small"
+        (click)="onRefresh.emit()"
+        [appA11yTitle]="'refresh' | i18n"
+      ></button>
+      <span bitTypography="body2" slot="end">{{ ciphers.length }}</span>
+    </bit-section-header>
+  </div>
   <div *ngIf="description" class="tw-text-muted tw-px-1 tw-mb-2" bitTypography="body2">
     {{ description }}
   </div>