diff --git a/wrappers/fullscreen/component.jsx b/wrappers/fullscreen/component.jsx
index b15b39b352..6ab1b62619 100644
--- a/wrappers/fullscreen/component.jsx
+++ b/wrappers/fullscreen/component.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
+import dynamic from 'next/dynamic';
 import { Loader, MediaContextProvider } from '@worldresources/gfw-components';
 import cx from 'classnames';
 
@@ -10,10 +11,11 @@ import { useSetLanguage } from 'utils/lang';
 import Head from 'wrappers/head';
 import Cookies from 'wrappers/cookies';
 
-import Header from 'components/header';
 import ContactUsModal from 'components/modals/contact-us';
 import ErrorMessage from 'components/error-message';
 
+const Header = dynamic(() => import('components/header'), { ssr: false });
+
 const FullScreenWrapper = ({
   children,
   title,
diff --git a/wrappers/page/component.jsx b/wrappers/page/component.jsx
index c92d0cc8e8..b3c7026e34 100644
--- a/wrappers/page/component.jsx
+++ b/wrappers/page/component.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
+import dynamic from 'next/dynamic';
 import { Loader, MediaContextProvider } from '@worldresources/gfw-components';
 import cx from 'classnames';
 
@@ -10,11 +11,12 @@ import { useSetLanguage } from 'utils/lang';
 import Head from 'wrappers/head';
 import Cookies from 'wrappers/cookies';
 
-import Header from 'components/header';
 import Footer from 'components/footer';
 import ContactUsModal from 'components/modals/contact-us';
 import ErrorMessage from 'components/error-message';
 
+const Header = dynamic(() => import('components/header'), { ssr: false });
+
 const PageWrapper = ({
   children,
   showFooter,