From fa2659f42160fab59547fa35cb0fcee462e9439b Mon Sep 17 00:00:00 2001
From: Nick Krantz <125900171+nick-livefront@users.noreply.github.com>
Date: Fri, 20 Sep 2024 16:05:32 -0500
Subject: [PATCH] remove `tw-border-b-2` from being defined twice (#11181)

- it causes a shift when the field is focused on the extension
- In storybook the `tw-border-b-2` is removed from the classname for some reason, and thus the no shift
---
 libs/components/src/form-field/form-field.component.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/libs/components/src/form-field/form-field.component.html b/libs/components/src/form-field/form-field.component.html
index 61f98ce6581..17561f861ca 100644
--- a/libs/components/src/form-field/form-field.component.html
+++ b/libs/components/src/form-field/form-field.component.html
@@ -87,8 +87,7 @@
       [ngClass]="{
         'tw-border-secondary-300/50 tw-border-b tw-pb-[3px]':
           !disableReadOnlyBorder && !defaultContentIsFocused(),
-        'tw-border-b-2 tw-border-transparent tw-pb-[4px]':
-          disableReadOnlyBorder && !defaultContentIsFocused(),
+        'tw-border-transparent tw-pb-[4px]': disableReadOnlyBorder && !defaultContentIsFocused(),
         'tw-border-b-2 tw-border-primary-600': defaultContentIsFocused(),
       }"
     >