diff --git a/src/components/UI/PageMetadata.tsx b/src/components/UI/PageMetadata.tsx
index a3b92460f9..35a1c7ba6d 100644
--- a/src/components/UI/PageMetadata.tsx
+++ b/src/components/UI/PageMetadata.tsx
@@ -43,7 +43,10 @@ export const PageMetadata: React.FC<Props> = ({ title, description, image }) =>
       <meta name='twitter:description' content={description} />
       {/* patch to force a cache invalidation of twitter's card bot */}
       <meta name='twitter:image' content={`${ogImage}/#`} />
-      <link rel='icon' href='/favicon.ico' />
+      {/* viewport */}
+      <meta name='viewport' content='width=device-width, initial-scale=1' />
+      {/* favicon */}
+      <link rel='icon' type='image/x-icon' href='/favicon.ico' />
     </Head>
   );
 };
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 91f870e05e..767db7432a 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -16,11 +16,6 @@ export default function App({ Component, pageProps }: AppProps) {
     <ChakraProvider theme={theme}>
       <MDXProvider components={MDXComponents}>
         <Layout>
-          <Head>
-            <meta name='viewport' content='width=device-width, initial-scale=1' />
-            <link rel='icon' type='image/x-icon' href='/favicon.ico' />
-          </Head>
-
           <Component {...pageProps} />
         </Layout>
       </MDXProvider>
