diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index 5e861f24f7..f63570d11f 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -115,7 +115,7 @@ onMounted(() => {
     :class="{ '!w-[600px]': formState.uidt === UITypes.Formula }"
     @click.stop
   >
-    <a-form v-if="formState" v-model="formState" no-style name="column-create-or-edit" layout="vertical">
+    <a-form v-model="formState" no-style name="column-create-or-edit" layout="vertical">
       <div class="flex flex-col gap-2">
         <a-form-item :label="$t('labels.columnName')" v-bind="validateInfos.title">
           <a-input ref="antInput" v-model:value="formState.title" class="nc-column-name-input" @input="onAlter(8)" />
@@ -191,6 +191,7 @@ onMounted(() => {
             <!-- Cancel -->
             {{ $t('general.cancel') }}
           </a-button>
+
           <a-button html-type="submit" type="primary" @click.prevent="onSubmit">
             <!-- Save -->
             {{ $t('general.save') }}
diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue b/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
index 787da79bd3..ebe88037fa 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+// todo: Remove this "Provider" component and use the "EditOrAdd" component directly
 import type { ColumnType } from 'nocodb-sdk'
 import { MetaInj, inject, ref, toRef, useProvideColumnCreateStore } from '#imports'
 
@@ -18,5 +19,5 @@ useProvideColumnCreateStore(meta, column)
 </script>
 
 <template>
-  <LazySmartsheetColumnEditOrAdd @submit="emit('submit')" @cancel="emit('cancel')" />
+  <SmartsheetColumnEditOrAdd @submit="emit('submit')" @cancel="emit('cancel')" />
 </template>