diff --git a/packages/nc-gui/components/general/TruncateText.vue b/packages/nc-gui/components/general/TruncateText.vue
index 3ec1cd013f..ff157287ef 100644
--- a/packages/nc-gui/components/general/TruncateText.vue
+++ b/packages/nc-gui/components/general/TruncateText.vue
@@ -38,6 +38,10 @@ const shortName = computed(() =>
     </template>
     <div class="w-full">{{ shortName }}</div>
   </a-tooltip>
-  <div v-else class="w-full"><slot></slot></div>
-  <div ref="text" class="hidden"><slot></slot></div>
+  <div v-else class="w-full">
+    <slot />
+  </div>
+  <div ref="text" class="hidden">
+    <slot />
+  </div>
 </template>