diff --git a/packages/ui/src/layout/MainLayout/index.js b/packages/ui/src/layout/MainLayout/index.js
index 8c874474..71ead115 100644
--- a/packages/ui/src/layout/MainLayout/index.js
+++ b/packages/ui/src/layout/MainLayout/index.js
@@ -70,7 +70,7 @@ const MainLayout = () => {
     }
 
     useEffect(() => {
-        dispatch({ type: SET_MENU, opened: !matchDownMd })
+        setTimeout(() => dispatch({ type: SET_MENU, opened: !matchDownMd }), 0)
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matchDownMd])