diff --git a/packages/nc-gui/components/virtual-cell/QrCode.vue b/packages/nc-gui/components/virtual-cell/QrCode.vue
index 7dae0c10da..3378753308 100644
--- a/packages/nc-gui/components/virtual-cell/QrCode.vue
+++ b/packages/nc-gui/components/virtual-cell/QrCode.vue
@@ -32,6 +32,7 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning } = us
 <template>
   <a-modal
     v-model:visible="modalVisible"
+    :class="{ active: modalVisible }"
     wrap-class-name="nc-qr-code-large"
     :body-style="{ padding: '0px' }"
     @ok="handleModalOkClick"