diff --git a/packages/nc-gui-v2/components/cell/Float.vue b/packages/nc-gui-v2/components/cell/Float.vue
index 34fbfa2a45..009f556a5c 100644
--- a/packages/nc-gui-v2/components/cell/Float.vue
+++ b/packages/nc-gui-v2/components/cell/Float.vue
@@ -25,12 +25,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <input v-if="editEnabled" ref="root" v-model="vModel" type="number" />
+  <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none w-full h-full" type="number" />
   <span v-else>{{ vModel }}</span>
 </template>
 
-<style scoped>
-input {
-  @apply outline-none w-full h-full;
-}
-</style>
+<style scoped></style>
diff --git a/packages/nc-gui-v2/components/cell/Integer.vue b/packages/nc-gui-v2/components/cell/Integer.vue
index 3355265046..6798ff348c 100644
--- a/packages/nc-gui-v2/components/cell/Integer.vue
+++ b/packages/nc-gui-v2/components/cell/Integer.vue
@@ -27,12 +27,8 @@ function onKeyDown(evt: KeyboardEvent) {
 </script>
 
 <template>
-  <input v-if="editEnabled" ref="root" v-model="vModel" type="number" @keydown="onKeyDown" />
+  <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none w-full h-full" type="number" @keydown="onKeyDown" />
   <span v-else>{{ vModel }}</span>
 </template>
 
-<style scoped>
-input {
-  @apply outline-none w-full h-full;
-}
-</style>
+<style scoped></style>