From 23b6c09e80bcad0635b1440c3b53cee47878dcb5 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Mon, 2 Oct 2023 11:28:38 +0000
Subject: [PATCH] fix: some issues

---
 packages/nc-gui/components/smartsheet/Details.vue        | 7 -------
 packages/nc-gui/components/smartsheet/details/Fields.vue | 4 ++--
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Details.vue b/packages/nc-gui/components/smartsheet/Details.vue
index 9f3c83e305..7b6975c953 100644
--- a/packages/nc-gui/components/smartsheet/Details.vue
+++ b/packages/nc-gui/components/smartsheet/Details.vue
@@ -90,11 +90,4 @@ watch(
 :deep(.ant-tabs-nav) {
   min-height: calc(var(--topbar-height) - 1.75px);
 }
-
-:deep(.ant-tabs-content-holder) {
-  @apply h-[calc(100vh-(var(--topbar-height)*2.5))];
-  .ant-tabs-content {
-    @apply !h-full;
-  }
-}
 </style>
diff --git a/packages/nc-gui/components/smartsheet/details/Fields.vue b/packages/nc-gui/components/smartsheet/details/Fields.vue
index eadf33eb4a..1b2a269334 100644
--- a/packages/nc-gui/components/smartsheet/details/Fields.vue
+++ b/packages/nc-gui/components/smartsheet/details/Fields.vue
@@ -610,12 +610,12 @@ onMounted(async () => {
         </div>
       </div>
       <div class="flex flex-row rounded-lg border-1 border-gray-200">
-        <div class="nc-scrollbar-md w-full h-[calc(100vh-(var(--topbar-height)*3.85))] flex-grow-1">
+        <div class="nc-scrollbar-md !overflow-auto w-full h-[calc(100vh-(var(--topbar-height)*3.85))] flex-grow-1">
           <Draggable v-model="fields" item-key="id" @change="onMove($event)">
             <template #item="{ element: field }">
               <div
                 v-if="field.title.toLowerCase().includes(searchQuery.toLowerCase()) && !field.pv"
-                class="flex px-2 bg-white hover:bg-gray-100 first:rounded-t-lg border-b-1 border-gray-200 pl-5 group"
+                class="flex px-2 hover:bg-gray-100 first:rounded-t-lg border-b-1 border-gray-200 pl-5 group"
                 :class="` ${compareCols(field, activeField) ? 'selected' : ''}`"
                 @click="changeField(field, $event)"
               >