diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/createCollection.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/createCollection.svelte
index 5e7fe25e1..88d7e040d 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/createCollection.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/createCollection.svelte
@@ -70,7 +70,12 @@
                     </span></Pill>
             </div>
         {:else}
-            <CustomId bind:show={showCustomId} name="Collection" bind:id autofocus={false} />
+            <CustomId
+                bind:show={showCustomId}
+                name="Collection"
+                bind:id
+                autofocus={false}
+                fullWidth={true} />
         {/if}
     </FormList>
     <svelte:fragment slot="footer">