diff --git a/packages/components/src/components/modals/Modal/Backdrop.tsx b/packages/components/src/components/modals/Modal/Backdrop.tsx
index 0531615229b..449994843f7 100644
--- a/packages/components/src/components/modals/Modal/Backdrop.tsx
+++ b/packages/components/src/components/modals/Modal/Backdrop.tsx
@@ -13,7 +13,7 @@ export type BackdropProps = {
 
 const Wrapper = styled.div<{ $alignment: ModalAlignment }>`
     position: absolute;
-    z-index: ${zIndices.modal};
+    z-index: ${zIndices.legacyModal};
     inset: 0;
     display: flex;
     flex-direction: column;
diff --git a/packages/theme/src/zIndices.ts b/packages/theme/src/zIndices.ts
index 132fa64f50d..680dabafc40 100644
--- a/packages/theme/src/zIndices.ts
+++ b/packages/theme/src/zIndices.ts
@@ -11,6 +11,7 @@ export const zIndices = {
     discoveryProgress: 41,
 
     modal: 40, // above other suite content to disable interacting with it
+    legacyModal: 39, // below MODAL in case another modal overlaps it, e.g. ReconnectDevicePrompt
     draggableComponent: 30, // sidebar, above other content to be visible when dragged, resized
     navigationBar: 30,
     expandableNavigationHeader: 21, // above EXPANDABLE_NAVIGATION to cover its box-shadow