From 9f6dbf710c07a7ea7e751bd0d31a64e13082037c Mon Sep 17 00:00:00 2001
From: Klenner Martins Barros <32469807+klenner1@users.noreply.github.com>
Date: Thu, 12 Feb 2026 13:13:09 -0300
Subject: [PATCH] fix(web): improve api key modal responsiveness (#26151)

---
 .../lib/components/user-settings-page/user-api-key-grid.svelte  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
index fb10b53b34..7b89d21d33 100644
--- a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
+++ b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
@@ -41,7 +41,7 @@
     />
     <Label label={title} for="permission-{title}" class="font-mono text-primary text-lg" />
   </div>
-  <div class="mx-6 mt-3 grid grid-cols-3 gap-2">
+  <div class="mx-6 mt-3 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
     {#each subItems as item (item)}
       <div class="flex items-center gap-2">
         <Checkbox