diff --git a/pages/_app.tsx b/pages/_app.tsx
index 0bedcd6..0e7c4f4 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,4 +1,5 @@
 import type { AppProps } from 'next/app';
+import Head from 'next/head';
 import { Hydrate, QueryClient, QueryClientProvider } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import { APP_STAGE } from '~/shared/constants/environments';
@@ -37,6 +38,12 @@ function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <DefaultSeo />
+      <Head>
+        <meta
+          name="viewport"
+          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"
+        />
+      </Head>
       <QueryClientProvider client={queryClient}>
         <Hydrate state={pageProps.dehydratedState}>
           <Box css={{ height: '100%' }}>
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 1a1f56f..011a9b2 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -7,10 +7,6 @@ export default class MyDocument extends Document {
     return (
       <Html>
         <Head>
-          <meta
-            name="viewport"
-            content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"
-          />
           <style
             id={'stitches'}
             dangerouslySetInnerHTML={{ __html: getCssText() }}
