diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/indexes.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/indexes.svelte
index af283ca19..822fa40e5 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/indexes.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/indexes.svelte
@@ -444,7 +444,7 @@
 {#snippet indexEditForm({ index, count, isDesktop = true })}
     {@const firstItem = count === 0}
     {#if isDesktop}
-        <Layout.Stack direction="row" gap="m" alignItems="center">
+        <Layout.Stack gap="m" direction="row" alignItems="center" class="desktop-selects-form">
             <InputSelect
                 id="key-{count}"
                 label={firstItem ? 'Column' : undefined}
@@ -560,4 +560,10 @@
             visibility: hidden !important;
         }
     }
+
+    // stack > div > input-select button!
+    :global(.desktop-selects-form :first-child button:first-of-type) {
+        width: 164px;
+        max-width: 164px;
+    }
 </style>