diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
index 6715e62851..8231e9b257 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
@@ -1,5 +1,5 @@
 <template>
-  <input v-model="localValue" :placeholder="durationPlaceholder" readonly />
+  <span>{{ localValue }}</span>
 </template>
 
 <script>
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
index 2547f8fd1e..4945f41486 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
@@ -1,5 +1,5 @@
 <template>
-  <input v-model="localValue" readonly />
+  <span>{{ localValue }}</span>
 </template>
 
 <script>