From 500243fd3451196a265c6ce27d65179965f651e6 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 22 Feb 2024 16:16:36 +0000
Subject: [PATCH] fix(nc-gui): form field border issue

---
 packages/nc-gui/components/smartsheet/Form.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 0007db1201..5bbf5507ce 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -502,7 +502,7 @@ const onFormItemClick = (element: any) => {
             >
               <a-form ref="formRef" :model="formState" class="nc-form" no-style>
                 <!-- form header -->
-                <div class="flex flex-col gap-4 px-8 lg:px-12">
+                <div class="flex flex-col gap-4 px-8 lg:px-12 mb-6">
                   <!-- Form logo  -->
                   <!-- <div v-if="isEditable">
                     <div class="inline-block rounded-xl bg-gray-100 p-3">
@@ -565,7 +565,7 @@ const onFormItemClick = (element: any) => {
                     />
                   </a-form-item>
 
-                  <div v-else class="px-4 ml-3 w-full text-bold text-md">
+                  <div v-else class="w-full text-bold text-base">
                     {{ formViewData.subheading || '---' }}
                   </div>
                 </div>
@@ -1089,7 +1089,7 @@ const onFormItemClick = (element: any) => {
 }
 
 .nc-input {
-  @apply appearance-none w-full !bg-white rounded px-2 py-2 my-2 border-solid border-1 border-primary border-opacity-50;
+  @apply appearance-none w-full !bg-white rounded-lg px-2 py-2 border-solid border-1 border-gray-200 focus-within:border-brand-500;
 
   &.nc-cell-rating,
   &.nc-cell-geodata {