diff --git a/src/common/beam/BeamView.tsx b/src/common/beam/BeamView.tsx
index 2837abe31..1e0654807 100644
--- a/src/common/beam/BeamView.tsx
+++ b/src/common/beam/BeamView.tsx
@@ -115,9 +115,12 @@ export function BeamView(props: {
// enter animation
animation: `${animationEnterScaleUp} 0.2s cubic-bezier(.17,.84,.44,1)`,
- // layout
+ // scrollable layout
+ overflowY: 'auto',
display: 'flex',
flexDirection: 'column',
+ gap: 'var(--Pad)',
+ pb: 'var(--Pad)',
...props.sx,
}}>
@@ -125,74 +128,59 @@ export function BeamView(props: {
{/* Config Issues */}
{!!inputIssues && {inputIssues}}
+ {/* Scatter Controls */}
+
- {/* Scrollable Layout (Scatter and Rays and Gather message) */}
-
+
+
+ )}
- // scrollable layout
- display: 'flex',
- flexDirection: 'column',
- gap: 'var(--Pad)',
- pb: 'var(--Pad)',
- }}>
+ {/* Rays Grid */}
+
- {/* Scatter Controls */}
-
-
- {/* User Message */}
- {!!lastMessage && (
-
-
-
- )}
-
- {/* Rays Grid */}
-
-
- {/* Gather Message */}
- {(!!gatherMessage && !!gatherMessage.updated) && (
-
-
-
- )}
-
-
+ {/* Gather Message */}
+ {(!!gatherMessage && !!gatherMessage.updated) && (
+
+
+
+ )}
{/* Gather Controls */}