diff --git a/public/favicon.ico b/public/favicon.ico
index 718d6fea48..6778d9da94 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/UI/PageMetadata.tsx b/src/components/UI/PageMetadata.tsx
index 5cb76a4ae6..559c47a420 100644
--- a/src/components/UI/PageMetadata.tsx
+++ b/src/components/UI/PageMetadata.tsx
@@ -43,7 +43,7 @@ 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='/images/favicon.png' />
+      <link rel='icon' href='/favicon.ico' />
     </Head>
   );
 };
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 5d1f2b46dd..91f870e05e 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,5 +1,6 @@
 import { ChakraProvider } from '@chakra-ui/react';
 import { AppProps } from 'next/app';
+import Head from 'next/head';
 
 import { Layout } from '../components/layouts';
 
@@ -15,6 +16,11 @@ 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>
