diff --git a/packages/components/src/modal/index.tsx b/packages/components/src/modal/index.tsx
index d21a3f9ae3535e..4bb05241f76606 100644
--- a/packages/components/src/modal/index.tsx
+++ b/packages/components/src/modal/index.tsx
@@ -10,7 +10,6 @@ import type { ForwardedRef, KeyboardEvent, UIEvent } from 'react';
 import {
 	createPortal,
 	useCallback,
-	useEffect,
 	useRef,
 	useState,
 	forwardRef,
@@ -100,7 +99,7 @@ function UnforwardedModal(
 		}
 	}, [ contentRef ] );
 
-	useEffect( () => {
+	useLayoutEffect( () => {
 		openModalCount++;
 
 		if ( openModalCount === 1 ) {