diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index b9ff55cfaa..9061933bb0 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -1,9 +1,8 @@
@@ -152,8 +132,6 @@ const rowHeight = computed(() => {
:class="[
`nc-cell-${(column?.uidt || 'default').toLowerCase()}`,
{ 'text-blue-600': isPrimary(column) && !props.virtual && !isForm },
- { 'm-y-auto !h-auto': !rowHeight || rowHeight === 1 },
- { '!h-full': rowHeight && rowHeight !== 1 },
]"
@keydown.enter.exact="syncAndNavigate(NavigateDir.NEXT, $event)"
@keydown.shift.enter.exact="syncAndNavigate(NavigateDir.PREV, $event)"
diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index e3849ad5cb..526f9d25f7 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -830,6 +830,8 @@ const rowHeight = computed(() => {
:class="{
'active': hasEditPermission && isCellSelected(rowIndex, colIndex),
'nc-required-cell': isColumnRequiredAndNull(columnObj, row.row),
+ 'align-middle': !rowHeight || rowHeight === 1,
+ 'align-top': rowHeight && rowHeight !== 1,
}"
:data-testid="`cell-${columnObj.title}-${rowIndex}`"
:data-key="rowIndex + columnObj.id"
@@ -982,7 +984,7 @@ const rowHeight = computed(() => {
td:not(:first-child) > div {
overflow: hidden;
- @apply flex px-1;
+ @apply flex px-1 h-auto;
}
table,