diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
index 13e4b2fd0..99d742c3d 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
@@ -158,7 +158,7 @@
             </Layout.Stack>
         {/each}
         <div>
-            <Button secondary on:click={addAttribute} disabled={addAttributeDisabled}>
+            <Button compact on:click={addAttribute} disabled={addAttributeDisabled}>
                 <Icon icon={IconPlus} slot="start" size="s" />
                 Add attribute
             </Button>