fix: on air button could disappear permanently when scrolling just after the on air button is clicked

Author: olzzon

packages/webui/src/client/ui/RundownView/RundownRightHandControls.tsx

@@ -183,20 +183,22 @@ export function RundownRightHandControls(props: Readonly<IProps>): JSX.Element {
 						>
 							<RewindAllSegmentsIcon />
 						</button>
-						{!props.isFollowingOnAir && (
-							<button
-								key="followingOnAir"
-								className="status-bar__controls__button"
-								role="button"
-								onMouseEnter={onOnAirMouseEnter}
-								onMouseLeave={onOnAirMouseLeave}
-								onClick={onOnAirClick}
-								tabIndex={0}
-								aria-label={t('Go to On Air Segment')}
-							>
-								{onAirHover ? <Lottie config={ONAIR_OVER} /> : <Lottie config={ONAIR_OUT} />}
-							</button>
-						)}
+						<div>
+							{!props.isFollowingOnAir && (
+								<button
+									key="followingOnAir"
+									className="status-bar__controls__button"
+									role="button"
+									onMouseEnter={onOnAirMouseEnter}
+									onMouseLeave={onOnAirMouseLeave}
+									onClick={onOnAirClick}
+									tabIndex={0}
+									aria-label={t('Go to On Air Segment')}
+								>
+									{onAirHover ? <Lottie config={ONAIR_OVER} /> : <Lottie config={ONAIR_OUT} />}
+								</button>
+							)}
+						</div>
 					</AnimatePresence>
 				</div>
 				<div className="status-bar__cell status-bar__cell--align-end">