Wrap modal in focus lock provider

renderer/src/styles/ui/modal.css

@@ -85,13 +85,6 @@
     max-height: 100%;
 }
 
-.bd-modal-root > div[role="dialog"] {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    overflow: hidden;
-}
-
 .bd-close-button {
     height: 26px;
     padding: 4px;

renderer/src/ui/modals/root.jsx

@@ -34,14 +34,14 @@ export default function ModalRoot({className, transitionState, children, size =
         }
     });
 
-    return <Spring.animated.div
+    return <FocusLock disableTrack={true}>
+        <Spring.animated.div
                 className={Utilities.className("bd-modal-root", size, className, style)}
                 style={springStyles}
             >
-        <FocusLock disableTrack={true}>
         {children}
-        </FocusLock>
-    </Spring.animated.div>;
+    </Spring.animated.div>
+    </FocusLock>;
     // const [visible, setVisible] = React.useState(true);
 
     // const visible = transitionState < 2;