Merge pull request #513 from Ajay-aot/bugfix/FWF-4439-additional-changes

update in useEffect which setting the header height

Author: arun-s-aot

forms-flow-nav/src/root.component.js

@@ -39,12 +39,12 @@ export default function Root(props) {
   }, []);
 
   useEffect(() => {
-    const headerHeight = headerRef.current?.offsetHeight || 0;
-    const totalHeight = `calc(100% - ${headerHeight}px)`;
-    setSidenavHeight(totalHeight);
     if (hasMultitenancyHeader) {
       StyleServices?.setCSSVariable("--client-nav", "3rem");
     } 
+    const headerHeight = headerRef.current?.offsetHeight || 0;
+    const totalHeight = `calc(100% - ${headerHeight}px)`;
+    setSidenavHeight(totalHeight);
   }, [ hasMultitenancyHeader ]); 
 
   return (