diff --git a/clients/fides-js/src/components/Overlay.tsx b/clients/fides-js/src/components/Overlay.tsx index 8812d2ccfd..af76ad8bb6 100644 --- a/clients/fides-js/src/components/Overlay.tsx +++ b/clients/fides-js/src/components/Overlay.tsx @@ -35,6 +35,8 @@ const Overlay: FunctionComponent = ({ fidesRegionString, cookie, }) => { + const delayBannerMilliseconds = 100; + const delayModalLinkMilliseconds = 200; const hasMounted = useHasMounted(); const [bannerIsOpen, setBannerIsOpen] = useState(false); const { instance, attributes } = useA11yDialog({ @@ -58,7 +60,7 @@ const Overlay: FunctionComponent = ({ useEffect(() => { const delayBanner = setTimeout(() => { setBannerIsOpen(true); - }, 100); + }, delayBannerMilliseconds); return () => clearTimeout(delayBanner); }, [setBannerIsOpen]); @@ -83,7 +85,7 @@ const Overlay: FunctionComponent = ({ } else { debugLog(options.debug, "Modal link element not found."); } - }, 200); + }, delayModalLinkMilliseconds); return () => clearTimeout(delayModalLinkBinding); }, [options.modalLinkId, options.debug, handleOpenModal]);