diff --git a/src/lib/elements/table/cell.svelte b/src/lib/elements/table/cell.svelte
index 77e45d5bc..a97360b95 100644
--- a/src/lib/elements/table/cell.svelte
+++ b/src/lib/elements/table/cell.svelte
@@ -19,5 +19,5 @@
         class:u-main-end={right}
         data-title={title}
         role="cell">
-    <div class="u-width-fit-content u-max-width-100-percent u-trim-1"><slot /></div>
+    <slot />
 </div>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index bb9304f9b..f023601c1 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -215,7 +215,7 @@
                             {@const formatted = formatColumn(document[column.id])}
                             <TableCell>
                                 <div
-                                        class="u-contents"
+                                        class="u-width-fit-content u-max-width-100-percent u-trim-1"
                                     use:tooltip={{
                                         content: formatted.whole,
                                         disabled: !formatted.truncated