From d04d1158c67734ecfc02e73c4230fbfeda308a3e Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Wed, 5 Mar 2025 09:52:47 +0700
Subject: [PATCH] fix: update Field component styles for improved layout and
 consistency

---
 components/form/Field.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/form/Field.tsx b/components/form/Field.tsx
index eef2ef1..1933cfc 100644
--- a/components/form/Field.tsx
+++ b/components/form/Field.tsx
@@ -228,7 +228,7 @@ export const Field: React.FC<FieldProps> = ({
                   : "focus-within:border focus-within:border-primary"
                 : "",
               style === "underline" || style === "gform"
-                ? "rounded-none border-transparent border-b-gray-300"
+                ? "rounded-none border-transparent border-b-gray-300 "
                 : "",
               [
                 "rating",
@@ -253,6 +253,8 @@ export const Field: React.FC<FieldProps> = ({
               classField,
               error
                 ? "flex flex-row rounded-md flex-grow border-red-500 border items-center"
+                : style === "underline"
+                ? "flex flex-row rounded-none flex-grow  items-center"
                 : "flex flex-row rounded-md flex-grow  items-center"
             )}
           >