From 05db3fcecfe911c64b918869a9715e2d43b808df Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sun, 28 Sep 2025 18:41:38 +0530
Subject: [PATCH] fix: max-width on input select.

---
 .../database-[database]/(suggestions)/indexes.svelte      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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>