fix: prevent horizontal form section info from overlapping form fields

aqandrew · aqandrew · commit 25ebf92c17be · 2025-08-05T22:28:33.000Z
diff --git a/site/src/components/Form/Form.tsx b/site/src/components/Form/Form.tsx
@@ -159,10 +159,13 @@ const styles = {
 			position: "initial" as const,
 		},
 	}),
-	formSectionInfoHorizontal: {
+	formSectionInfoHorizontal: (theme) => ({
 		maxWidth: 312,
-		position: "sticky",
-	},
+
+		[theme.breakpoints.up("lg")]: {
+			position: "sticky",
+		},
+	}),
 	formSectionInfoTitle: (theme) => ({
 		fontSize: 20,
 		color: theme.palette.text.primary,
