diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index 8e03ad9746..b038ecb2f7 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -344,6 +344,7 @@ if (props.fromTableExplorer) {
           <SmartsheetColumnSelectOptions
             v-if="formState.uidt === UITypes.SingleSelect || formState.uidt === UITypes.MultiSelect"
             v-model:value="formState"
+            :from-table-explorer="props.fromTableExplorer || false"
           />
         </template>
       </div>
diff --git a/packages/nc-gui/components/smartsheet/column/SelectOptions.vue b/packages/nc-gui/components/smartsheet/column/SelectOptions.vue
index 0df0ed2c74..5f59c6be83 100644
--- a/packages/nc-gui/components/smartsheet/column/SelectOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/SelectOptions.vue
@@ -15,6 +15,7 @@ interface Option {
 
 const props = defineProps<{
   value: any
+  fromTableExplorer?: boolean
 }>()
 
 const emit = defineEmits(['update:value'])
@@ -308,7 +309,7 @@ const loadListData = async ($state: any) => {
       ref="optionsWrapperDomRef"
       class="nc-col-option-select-option overflow-x-auto scrollbar-thin-dull"
       :style="{
-        maxHeight: 'calc(min(30vh, 250px))',
+        maxHeight: props.fromTableExplorer ? 'calc(100vh - (var(--topbar-height) * 3.6) - 320px)' : 'calc(min(30vh, 250px))',
       }"
     >
       <InfiniteLoading v-if="isReverseLazyLoad" v-bind="$attrs" @infinite="loadListDataReverse">