From fbfc616c44c375abab1094078486d7ab036f6839 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Tue, 10 Sep 2024 14:18:01 -0400
Subject: [PATCH] [CL-382] Reduce element shifting on readonly hover (#10956)

---
 libs/components/src/form-field/form-field.component.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/form-field/form-field.component.html b/libs/components/src/form-field/form-field.component.html
index dbba9d97ed2..84dec196340 100644
--- a/libs/components/src/form-field/form-field.component.html
+++ b/libs/components/src/form-field/form-field.component.html
@@ -83,11 +83,12 @@
       <ng-container *ngTemplateOutlet="labelContent"></ng-container>
     </label>
     <div
-      class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-pb-0.5 tw-border-0 tw-border-solid"
+      class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-pb-[2px] tw-border-0 tw-border-solid"
       [ngClass]="{
-        'tw-border-secondary-300/50 tw-border-b':
+        'tw-border-secondary-300/50 tw-border-b tw-pb-[3px]':
           !disableReadOnlyBorder && !defaultContentIsFocused(),
-        'tw-border-b-2 tw-border-transparent': disableReadOnlyBorder && !defaultContentIsFocused(),
+        'tw-border-b-2 tw-border-transparent tw-pb-[4px]':
+          disableReadOnlyBorder && !defaultContentIsFocused(),
         'tw-border-b-2 tw-border-primary-500': defaultContentIsFocused(),
       }"
     >