diff --git a/packages/nc-gui/components/cell/Text.vue b/packages/nc-gui/components/cell/Text.vue
index 7e0ad4279c..f1d1b1b33a 100644
--- a/packages/nc-gui/components/cell/Text.vue
+++ b/packages/nc-gui/components/cell/Text.vue
@@ -38,5 +38,7 @@ const focus: VNodeRef = (el) => {
     @mousedown.stop
   />
 
+  <span v-else-if="vModel === null" class="text-gray-300 italic">NULL</span>
+
   <LazyCellClampedText v-else :value="vModel" :lines="1" />
 </template>
diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index ad2fd14546..254a0d7044 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -55,6 +55,8 @@ const rowHeight = computed(() => {
     @mousedown.stop
   />
 
+  <span v-else-if="vModel === null" class="text-gray-300 italic">NULL</span>
+
   <LazyCellClampedText v-else-if="rowHeight" :value="vModel" :lines="rowHeight" />
 
   <span v-else>{{ vModel }}</span>