From f7cc93758113afc31e954155fa238a1a14284824 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Mon, 4 Aug 2025 10:19:07 -0400
Subject: [PATCH] [CL-753] Fix popover spacing in client code (#15839)

---
 .../settings/security/device-management-old.component.html    | 2 +-
 .../payment/components/enter-payment-method.component.ts      | 2 +-
 .../auth/device-management/device-management.component.html   | 2 +-
 .../login-details-section.component.html                      | 4 +++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/auth/settings/security/device-management-old.component.html b/apps/web/src/app/auth/settings/security/device-management-old.component.html
index 587703c738..da01d0fe8f 100644
--- a/apps/web/src/app/auth/settings/security/device-management-old.component.html
+++ b/apps/web/src/app/auth/settings/security/device-management-old.component.html
@@ -11,7 +11,7 @@
         <i class="bwi bwi-question-circle" aria-hidden="true"></i>
       </button>
       <bit-popover [title]="'whatIsADevice' | i18n" #infoPopover>
-        <p>{{ "aDeviceIs" | i18n }}</p>
+        <p class="tw-mb-0">{{ "aDeviceIs" | i18n }}</p>
       </bit-popover>
       <i
         *ngIf="asyncActionLoading"
diff --git a/apps/web/src/app/billing/payment/components/enter-payment-method.component.ts b/apps/web/src/app/billing/payment/components/enter-payment-method.component.ts
index b73c3297e9..b5d732031c 100644
--- a/apps/web/src/app/billing/payment/components/enter-payment-method.component.ts
+++ b/apps/web/src/app/billing/payment/components/enter-payment-method.component.ts
@@ -108,7 +108,7 @@ type PaymentMethodFormGroup = FormGroup<{
                   <i class="bwi bwi-question-circle tw-text-lg" aria-hidden="true"></i>
                 </button>
                 <bit-popover [title]="'cardSecurityCode' | i18n" #cardSecurityCodePopover>
-                  <p>{{ "cardSecurityCodeDescription" | i18n }}</p>
+                  <p class="tw-mb-0">{{ "cardSecurityCodeDescription" | i18n }}</p>
                 </bit-popover>
               </app-payment-label>
               <div id="stripe-card-cvc" class="tw-stripe-form-control"></div>
diff --git a/libs/angular/src/auth/device-management/device-management.component.html b/libs/angular/src/auth/device-management/device-management.component.html
index 8b82140a50..6ee50a32e8 100644
--- a/libs/angular/src/auth/device-management/device-management.component.html
+++ b/libs/angular/src/auth/device-management/device-management.component.html
@@ -12,7 +12,7 @@
     </button>
 
     <bit-popover [title]="'whatIsADevice' | i18n" #infoPopover>
-      <p>{{ "aDeviceIs" | i18n }}</p>
+      <p class="tw-mb-0">{{ "aDeviceIs" | i18n }}</p>
     </bit-popover>
   </div>
 
diff --git a/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html b/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
index 585f11c2ff..b0c501c53e 100644
--- a/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
+++ b/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
@@ -103,7 +103,9 @@
           <i class="bwi bwi-sm bwi-question-circle" aria-hidden="true"></i>
         </button>
         <bit-popover #totpPopover [title]="'totpHelperTitle' | i18n">
-          <p>{{ (canCaptureTotp ? "totpHelperWithCapture" : "totpHelper") | i18n }}</p>
+          <p class="tw-mb-0">
+            {{ (canCaptureTotp ? "totpHelperWithCapture" : "totpHelper") | i18n }}
+          </p>
         </bit-popover>
       </bit-label>
       <input bitInput formControlName="totp" type="password" class="tw-font-mono" />