diff --git a/packages/nc-gui-v2/components.d.ts b/packages/nc-gui-v2/components.d.ts
index 6029ee68f8..35b401d2e7 100644
--- a/packages/nc-gui-v2/components.d.ts
+++ b/packages/nc-gui-v2/components.d.ts
@@ -107,11 +107,13 @@ declare module '@vue/runtime-core' {
     MdiClose: typeof import('~icons/mdi/close')['default']
     MdiCloseBox: typeof import('~icons/mdi/close-box')['default']
     MdiCloseCircle: typeof import('~icons/mdi/close-circle')['default']
+    MdiCloseCircleOutline: typeof import('~icons/mdi/close-circle-outline')['default']
     MdiCloseThick: typeof import('~icons/mdi/close-thick')['default']
     MdiCodeJson: typeof import('~icons/mdi/code-json')['default']
     MdiCog: typeof import('~icons/mdi/cog')['default']
     MdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
     MdiContentSave: typeof import('~icons/mdi/content-save')['default']
+    MdiCurrencyUsd: typeof import('~icons/mdi/currency-usd')['default']
     MdiDatabase: typeof import('~icons/mdi/database')['default']
     MdiDatabaseOutline: typeof import('~icons/mdi/database-outline')['default']
     MdiDelete: typeof import('~icons/mdi/delete')['default']
@@ -150,6 +152,7 @@ declare module '@vue/runtime-core' {
     MdiLink: typeof import('~icons/mdi/link')['default']
     MdiLinkVariant: typeof import('~icons/mdi/link-variant')['default']
     MdiLinkVariantRemove: typeof import('~icons/mdi/link-variant-remove')['default']
+    MdiLoading: typeof import('~icons/mdi/loading')['default']
     MdiLogin: typeof import('~icons/mdi/login')['default']
     MdiLogout: typeof import('~icons/mdi/logout')['default']
     MdiMagnify: typeof import('~icons/mdi/magnify')['default']
diff --git a/packages/nc-gui-v2/components/template/Editor.vue b/packages/nc-gui-v2/components/template/Editor.vue
index d41eb74ded..0c7d6819e5 100644
--- a/packages/nc-gui-v2/components/template/Editor.vue
+++ b/packages/nc-gui-v2/components/template/Editor.vue
@@ -698,12 +698,9 @@ onMounted(() => {
                   <span>Add Number Column</span>
                 </template>
 
-                <a-button
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
-                  @click="addNewColumnRow(table, 'Number')"
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-numeric class="text-lg" />
+                <a-button class="group" @click="addNewColumnRow(table, 'Number')">
+                  <div class="flex items-center">
+                    <mdi-numeric class="group-hover:!text-pink-500 flex text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -714,12 +711,9 @@ onMounted(() => {
                   <span>Add SingleLineText Column</span>
                 </template>
 
-                <a-button
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
-                  @click="addNewColumnRow(table, 'SingleLineText')"
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-alpha-a class="text-lg" />
+                <a-button class="group" @click="addNewColumnRow(table, 'SingleLineText')">
+                  <div class="flex items-center">
+                    <mdi-alpha-a class="group-hover:!text-pink-500 text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -730,12 +724,9 @@ onMounted(() => {
                   <span>Add LongText Column</span>
                 </template>
 
-                <a-button
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
-                  @click="addNewColumnRow(table, 'LongText')"
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-text class="text-lg" />
+                <a-button class="group" @click="addNewColumnRow(table, 'LongText')">
+                  <div class="flex items-center">
+                    <mdi-text class="group-hover:!text-pink-500 text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -746,13 +737,9 @@ onMounted(() => {
                   <span>Add Other Column</span>
                 </template>
 
-                <a-button
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
-                  @click="addNewColumnRow(table, 'SingleLineText')"
-                >
-                  <div class="flex items-center">
+                <a-button class="group" @click="addNewColumnRow(table, 'SingleLineText')">
+                  <div class="flex items-center gap-1">
                     <mdi-plus class="group-hover:!text-pink-500 text-lg" />
-                    Column
                   </div>
                 </a-button>
               </a-tooltip>