diff --git a/packages/nc-gui-v2/components/cell/Email.vue b/packages/nc-gui-v2/components/cell/Email.vue
index b7fc82de20..f743c5d3f5 100644
--- a/packages/nc-gui-v2/components/cell/Email.vue
+++ b/packages/nc-gui-v2/components/cell/Email.vue
@@ -25,12 +25,7 @@ const validEmail = computed(() => isEmail(vModel.value))
 
 <template>
   <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none prose-sm" />
-  <a
-    v-else-if="validEmail"
-    class="prose-sm underline hover:opacity-75"
-    :href="`mailto:${vModel}`"
-    target="_blank"
-  >
+  <a v-else-if="validEmail" class="prose-sm underline hover:opacity-75" :href="`mailto:${vModel}`" target="_blank">
     {{ vModel }}
   </a>
   <span v-else>{{ vModel }}</span>
diff --git a/packages/nc-gui-v2/components/cell/Url.vue b/packages/nc-gui-v2/components/cell/Url.vue
index 24178d785a..760f93955a 100644
--- a/packages/nc-gui-v2/components/cell/Url.vue
+++ b/packages/nc-gui-v2/components/cell/Url.vue
@@ -34,7 +34,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <input class="outline-none" v-if="editEnabled" ref="root" v-model="vModel" />
+  <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none" />
   <nuxt-link v-else-if="isValid" class="py-2 underline hover:opacity-75" :to="value" target="_blank">{{ value }}</nuxt-link>
   <span v-else>{{ value }}</span>
 </template>