diff --git a/packages/nc-gui/components/smartsheet/VirtualCell.vue b/packages/nc-gui/components/smartsheet/VirtualCell.vue
index f7e74cdd17..4ec2045752 100644
--- a/packages/nc-gui/components/smartsheet/VirtualCell.vue
+++ b/packages/nc-gui/components/smartsheet/VirtualCell.vue
@@ -7,6 +7,7 @@ import {
   IsFormInj,
   RowInj,
   inject,
+  isBarcode,
   isBt,
   isCount,
   isFormula,
@@ -14,7 +15,6 @@ import {
   isLookup,
   isMm,
   isQrCode,
-  isBarcode,
   isRollup,
   provide,
   toRef,
diff --git a/packages/nc-gui/components/virtual-cell/barcode/JsBarcodeWrapper.vue b/packages/nc-gui/components/virtual-cell/barcode/JsBarcodeWrapper.vue
index 94c1c48939..50e999286e 100644
--- a/packages/nc-gui/components/virtual-cell/barcode/JsBarcodeWrapper.vue
+++ b/packages/nc-gui/components/virtual-cell/barcode/JsBarcodeWrapper.vue
@@ -34,6 +34,6 @@ onMounted(generate)
 </script>
 
 <template>
-  <svg class="w-full" data-testid="barcode" v-show="!errorForCurrentInput" ref="barcodeSvgRef" @click="onBarcodeClick"></svg>
+  <svg v-show="!errorForCurrentInput" ref="barcodeSvgRef" class="w-full" data-testid="barcode" @click="onBarcodeClick"></svg>
   <slot v-if="errorForCurrentInput" name="barcodeRenderError" />
 </template>