diff --git a/react-responsive-modal/src/index.tsx b/react-responsive-modal/src/index.tsx
index 37c23037..3f5e5482 100644
--- a/react-responsive-modal/src/index.tsx
+++ b/react-responsive-modal/src/index.tsx
@@ -303,6 +303,7 @@ export const Modal = ({
             }}
           />
           <div
+            ref={refModal}
             className={cx(
               classes.modalContainer,
               center && classes.modalContainerCenter,
@@ -313,7 +314,6 @@ export const Modal = ({
             onClick={handleClickOverlay}
           >
             <div
-              ref={refModal}
               className={cx(classes.modal, classNames?.modal)}
               style={{
                 animation: `${modalAnimation} ${animationDuration}ms`,