diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 490fdb8d11..4bc3f59c8e 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -38,7 +38,7 @@
 
     {#if data.databases.total}
         {#if data.view === 'grid'}
-            <Grid {data} />
+            <Grid {data} bind:showCreate />
         {:else}
             <Table {data} />
         {/if}
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/+page.svelte
index e4ad273e5c..d1da861832 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/+page.svelte
@@ -25,7 +25,7 @@
 
     {#if data.collections.total}
         {#if data.view === 'grid'}
-            <Grid {data} />
+            <Grid {data} {showCreate} />
         {:else}
             <Table {data} />
         {/if}
diff --git a/src/routes/console/project-[project]/databases/database-[database]/grid.svelte b/src/routes/console/project-[project]/databases/database-[database]/grid.svelte
index 741c48d840..bc89e1ff23 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/grid.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/grid.svelte
@@ -3,16 +3,17 @@
     import { page } from '$app/stores';
     import { CardContainer, GridItem1, Id } from '$lib/components';
     import { Pill } from '$lib/elements';
+    import type { Writable } from 'svelte/store';
     import type { PageData } from './$types';
     export let data: PageData;
-    export let showCreate = false;
+    export let showCreate: Writable<boolean>;
     const projectId = $page.params.project;
     const databaseId = $page.params.database;
 </script>
 
 <CardContainer
     total={data.collections.total}
-    on:click={() => (showCreate = true)}
+    on:click={() => ($showCreate = true)}
     event="collection">
     {#each data.collections.collections as collection}
         <GridItem1
diff --git a/src/routes/console/project-[project]/databases/grid.svelte b/src/routes/console/project-[project]/databases/grid.svelte
index 768f6fbc75..3d18403674 100644
--- a/src/routes/console/project-[project]/databases/grid.svelte
+++ b/src/routes/console/project-[project]/databases/grid.svelte
@@ -4,7 +4,7 @@
     import { CardContainer, GridItem1, Id } from '$lib/components';
     import type { PageData } from './$types';
     export let data: PageData;
-    export let showCreate = false;
+    export let showCreate: boolean;
     const project = $page.params.project;
 </script>