From 6faba5f772fbb32cf0ca973902d2d8a641284dd6 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Thu, 13 Aug 2026 22:53:27 +0200
Subject: [PATCH] fix(onboarding): align detected app fields

---
 .../onboarding/src/onboarding-studio.module.css    | 14 +++++++++++++-
 packages/onboarding/src/setup-studio.tsx           |  6 +++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/onboarding/src/onboarding-studio.module.css b/packages/onboarding/src/onboarding-studio.module.css
index 1a0fcda32..ec6908858 100644
--- a/packages/onboarding/src/onboarding-studio.module.css
+++ b/packages/onboarding/src/onboarding-studio.module.css
@@ -183,7 +183,19 @@
 
 .discoveryChoice {
   width: 100%;
-  min-height: 4.25rem;
+  height: 4.25rem;
+  overflow: hidden;
+}
+
+.detectedAppGrid {
+  align-items: start;
+}
+
+.detectedAppItem {
+  display: grid;
+  grid-template-rows: 4.25rem auto;
+  gap: var(--mantine-spacing-xs);
+  min-width: 0;
 }
 
 .discoveryChoice[data-checked] {
diff --git a/packages/onboarding/src/setup-studio.tsx b/packages/onboarding/src/setup-studio.tsx
index 253bdbf3d..52512aae2 100644
--- a/packages/onboarding/src/setup-studio.tsx
+++ b/packages/onboarding/src/setup-studio.tsx
@@ -1163,11 +1163,11 @@ const Connections = (props: StudioSectionProps) => {
 
       {props.discoveredApps.length > 0 ? (
         <Fieldset legend={t("discoveredApps", { count: String(props.discoveredApps.length) })}>
-          <SimpleGrid cols={{ base: 1, xs: 2, md: 3 }}>
+          <SimpleGrid className={classes.detectedAppGrid} cols={{ base: 1, xs: 2, md: 3 }}>
             {props.discoveredApps.map((app) => {
               const selected = props.selectedAppIds.includes(app.sourceId);
               return (
-                <Stack key={app.sourceId} gap="xs" h="100%">
+                <div className={classes.detectedAppItem} key={app.sourceId}>
                   <Checkbox.Card
                     className={classes.discoveryChoice}
                     value={app.sourceId}
@@ -1208,7 +1208,7 @@ const Connections = (props: StudioSectionProps) => {
                       required
                     />
                   ) : null}
-                </Stack>
+                </div>
               );
             })}
           </SimpleGrid>