diff --git a/src/router/Modal/Modal.js b/src/router/Modal/Modal.js
index 043a6599b..5309272fe 100644
--- a/src/router/Modal/Modal.js
+++ b/src/router/Modal/Modal.js
@@ -5,15 +5,17 @@ const classnames = require('classnames');
 const FocusLock = require('react-focus-lock').default;
 const { useModalsContainer } = require('../ModalsContainerContext');
 
-const Modal = ({ className, autoFocus, disabled, children, ...props }) => {
+const Modal = React.forwardRef(({ className, autoFocus, disabled, children, ...props }, ref) => {
     const modalsContainer = useModalsContainer();
     return ReactDOM.createPortal(
-        <FocusLock className={classnames(className, 'modal-container')} autoFocus={!!autoFocus} disabled={!!disabled} lockProps={props}>
+        <FocusLock ref={ref} className={classnames(className, 'modal-container')} autoFocus={!!autoFocus} disabled={!!disabled} lockProps={props}>
             {children}
         </FocusLock>,
         modalsContainer
     );
-};
+});
+
+Modal.displayName = 'Modal';
 
 Modal.propTypes = {
     className: PropTypes.string,