diff --git a/app/src/molecules/LegacyModal/LegacyModalShell.tsx b/app/src/molecules/LegacyModal/LegacyModalShell.tsx index 9142ea14cbf..10d8faca6a4 100644 --- a/app/src/molecules/LegacyModal/LegacyModalShell.tsx +++ b/app/src/molecules/LegacyModal/LegacyModalShell.tsx @@ -3,7 +3,6 @@ import styled from 'styled-components' import { StyleProps, COLORS, - POSITION_FIXED, POSITION_ABSOLUTE, ALIGN_CENTER, JUSTIFY_CENTER, @@ -76,7 +75,7 @@ export function LegacyModalShell(props: LegacyModalShellProps): JSX.Element { } const Overlay = styled.div` - position: ${POSITION_FIXED}; + position: ${POSITION_ABSOLUTE}; left: 0; right: 0; top: 0; diff --git a/app/src/organisms/Devices/RobotSettings/UpdateBuildroot/ViewUpdateModal.tsx b/app/src/organisms/Devices/RobotSettings/UpdateBuildroot/ViewUpdateModal.tsx index ea8435ab8bb..37e4177db0d 100644 --- a/app/src/organisms/Devices/RobotSettings/UpdateBuildroot/ViewUpdateModal.tsx +++ b/app/src/organisms/Devices/RobotSettings/UpdateBuildroot/ViewUpdateModal.tsx @@ -10,7 +10,7 @@ import { getRobotUpdateAvailable, } from '../../../../redux/robot-update' import { getAvailableShellUpdate } from '../../../../redux/shell' -import { getModalPortalEl } from '../../../../App/portal' +import { getTopPortalEl } from '../../../../App/portal' import { UpdateAppModal } from '../../../../organisms/UpdateAppModal' import { MigrationWarningModal } from './MigrationWarningModal' import { UpdateRobotModal } from './UpdateRobotModal' @@ -60,7 +60,7 @@ export function ViewUpdateModal( if (availableAppUpdateVersion && showAppUpdateModal) return createPortal( setShowAppUpdateModal(false)} />, - getModalPortalEl() + getTopPortalEl() ) if (showMigrationWarning) { diff --git a/app/src/organisms/RunDetails/ConfirmCancelModal.tsx b/app/src/organisms/RunDetails/ConfirmCancelModal.tsx index 2e1b6b5238f..ba1ec7e738f 100644 --- a/app/src/organisms/RunDetails/ConfirmCancelModal.tsx +++ b/app/src/organisms/RunDetails/ConfirmCancelModal.tsx @@ -20,7 +20,7 @@ import { } from '@opentrons/api-client' import { useStopRunMutation } from '@opentrons/react-api-client' -import { getModalPortalEl } from '../../App/portal' +import { getTopPortalEl } from '../../App/portal' import { LegacyModal } from '../../molecules/LegacyModal' import { useTrackProtocolRunEvent, useIsFlex } from '../Devices/hooks' import { useRunStatus } from '../RunTimeControl/hooks' @@ -108,6 +108,6 @@ export function ConfirmCancelModal( , - getModalPortalEl() + getTopPortalEl() ) }