diff --git a/src/lib/elements/table/cellHead.svelte b/src/lib/elements/table/cellHead.svelte
index 2ec99eca5..ea69e6289 100644
--- a/src/lib/elements/table/cellHead.svelte
+++ b/src/lib/elements/table/cellHead.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     export let width: number = null;
     export let onlyDesktop = false;
+    export let eyebrow = true;
 </script>
 
 <div
@@ -8,7 +9,7 @@
     class:is-only-desktop={onlyDesktop}
     class="table-thead-col"
     role="columnheader">
-    <span class="eyebrow-heading-3">
+    <span class={eyebrow ? 'eyebrow-heading-3' : 'body-text-2'}>
         <slot />
     </span>
 </div>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte
index e47cf213f..f11d12058 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte
@@ -52,9 +52,9 @@
         {#if data.documents.total}
             <TableScroll isSticky>
                 <TableHeader>
-                    <TableCellHead>Document ID</TableCellHead>
+                    <TableCellHead eyebrow={false}>Document ID</TableCellHead>
                     {#each columns as column}
-                        <TableCellHead>{column.title}</TableCellHead>
+                        <TableCellHead eyebrow={false}>{column.title}</TableCellHead>
                     {/each}
                 </TableHeader>
                 <TableBody>