diff --git a/packages/nc-gui/components/cell/attachment/Modal.vue b/packages/nc-gui/components/cell/attachment/Modal.vue
index 97872cc100..f92ac4f988 100644
--- a/packages/nc-gui/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui/components/cell/attachment/Modal.vue
@@ -60,7 +60,7 @@ function onClick(item: Record<string, any>) {
 <template>
   <a-modal
     v-model:visible="modalVisible"
-    class="nc-attachment-modal"
+    :class="`nc-attachment-modal ${modalVisible ? 'active' : ''}`"
     width="80%"
     :footer="null"
     wrap-class-name="nc-modal-attachment-expand-cell"