diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss
index 82c97d0136..3cd427b4b9 100644
--- a/packages/nc-gui/assets/style.scss
+++ b/packages/nc-gui/assets/style.scss
@@ -324,3 +324,8 @@ a {
.nc-drawer-expanded-form .ant-drawer-content-wrapper {
transition: width 0.3s !important;
}
+
+
+.nc-icon-transition {
+ @apply transform transition-transform !hover:(scale-115) !active:(scale-100)
+}
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index ef7144b3f3..f9030ae66d 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -108,7 +108,7 @@ const onConfirmDeleteRowClick = async () => {