frontend/src/pages/SimulationFormPage.tsx

@@ -257,7 +257,7 @@ export function SimulationFormPage(): JSX.Element {
     updateMutation.isPending || transitionMutation.isPending || deleteMutation.isPending;
 
   return (
-    <div className="flex flex-col gap-xl max-w-3xl">
+    <div className="flex flex-col gap-xl">
       <header className="flex items-start justify-between gap-md">
         <div className="flex flex-col gap-sm">
           <Link to={`/engagements/${engagementId}`} className="btn-text-link text-[14px]">
@@ -298,6 +298,8 @@ export function SimulationFormPage(): JSX.Element {
         </div>
       )}
 
+      {/* 2-column grid: RT left, SOC right. Stacks vertically below lg. */}
+      <div className="grid gap-xl lg:grid-cols-2 items-start">
         {/* Red Team card */}
         <form
           id="rt-form"
@@ -432,6 +434,7 @@ export function SimulationFormPage(): JSX.Element {
             />
           </FormField>
         </form>
+      </div>
 
       {submitError ? (
         <div role="alert" className="text-[14px] text-bloom-deep">{submitError}</div>