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 ? (
- + {props.discoveredApps.map((app) => { const selected = props.selectedAppIds.includes(app.sourceId); return ( - +
{ required /> ) : null} - +
); })}