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(),
       }"
     >